サクッとjQuery【入門】

/* 呼び方 */
① $("text1") セレクタ
② .text() メソッド
③ "click" イベント

/* メソッド一覧 「〜する。の処理」*/
/* テキストの値を取り出す */
var hoge = $("text1").text();

/* 指定したIDの属性を取り出す id=textのclassが入る */
var hoge = $("text1").attr(class);

/* 指定したIDの属性を設定する */
$("text1").attr(class, "sampleClass");

/* 指定したIDのラベルの文字列を先頭に追加 「うえお」→「あいうえお」になる。*/
$("label1").prepend("あい");

/* 指定したIDのラベルの文字列を前にラベル追加 「うえお」→「あい」「うえお」になる。*/
$("label1").before("あい");

/* 指定したIDのラベルの文字列を後にラベル追加 「うえお」→「うえお」「あい」になる。*/
$("label1").after("あい");

/* 指定したIDの子要素を削除 divなどに記載 */
$("label1").empty();

/* 指定したIDの要素を削除 */
$("label1").remove();

/* メソッドチェーン：たくさんのメソッドをくっつける */
$("label1").html("この部分が赤色で表示されます").css("color" ,"red");



/* イベント一覧 「〜したら、〜する」*/
/* ユーザー操作された後のイベントを設定できる */
$("checkbox1").on("click", function(){ // 「click」イベントプロパティと呼ばれる
   // その後の処理
})

/* これでも可 */
$("checkbox1").click(function(){ 
   // その後の処理
})