この記事は、JQueryの基本的な操作を理解し、始めるのに役立ちます。

1. Jquery を使用する手順:

（1）jsライブラリをインポートする

<script src="js/jquery-1.11.3.min.js"></script>
//js/jquery-1.11.3.min.js 圧縮バージョン (推奨)
//js/jquery-1.11.3.js フルバージョン

（２）ページ読み込みイベント

$(ドキュメント).ready(関数(){
    事業運営;
});
//最適化後:
$(関数(){
    事業運営;
});

2. Jqオブジェクトとjsオブジェクト間の変換

(1) jsオブジェクト----->jqオブジェクト

var js object = document.getElementById("id 属性値");
var $jq オブジェクト = $(js オブジェクト)

(2) jq オブジェクト ----->js オブジェクト

var js オブジェクト = $jq object.get(index);

3.jqの基本セレクタ

//(1)jqのidセレクタ

$("#id 属性値"). バインディングイベントメソッド (function(){
    事業運営;
});

//(2)jqのクラスセレクタ

$("#.class 属性値"). バインディングイベントメソッド (function(){
    事業運営;
});

//(3) フォームセレクタ

$("選択された入力タグ[指定された属性を持つタグ]")。バインディングイベントメソッド(function(){
    事業運営;
});

//(4)要素セレクタ

$("要素/タグ").html("XXX");

4.jqの階層セレクタ

//子孫セレクター $("親タグ 子タグ")

//子要素セレクター $("親要素 > 子要素")

5. フィルターセレクター

$("label:first") // 最初のラベルに一致します $("label:even") // 0 から始まる偶数個のラベルに一致します (0,2,4...)
$("label:odd") // 1 から始まる奇数個の要素に一致します (1,3,5...)

6. 属性セレクタ

[attribute] //現在指定されている属性を持つ要素に一致します [attribute=value] //特定の値である指定属性を持つ要素に一致します [attribute!=value] //指定された要素の属性を含まない、または属性が特定の値と等しくないすべての要素に一致します [attribute^=value] //指定された要素で始まる特定の要素に一致します [attribute$=value] //指定された要素で終わる要素に一致します [attribute*=value] //特定の値を含む指定属性を持つ要素に一致します [selector1][selector2]...[selectorN]
    //属性セレクターを満たします。複数の属性条件を同時に満たす要素

7.jq文書処理

//追加 append(content) //一致する各要素にコンテンツを追加します（推奨）
jq object.appendTo(comtent) // 一致したコンテンツを別の指定された要素セットに追加します
// 先頭に追加 prepend(content) // 一致する各要素をコンテンツの前に置く prependTo(content) // 一致するすべての要素を別の指定された要素セットの先頭に追加する
//insertafter(content|fn) //一致する各要素の後にコンテンツを挿入insertAfter(content) //一致する要素をコンテンツの後に挿入before(content) //一致する各要素の前にコンテンツを挿入insetBefore(content) //一致する各要素をコンテンツの前に挿入