第2章セレクタ
jQueryのセレクタjQueryのは、私たちを提供するためのメソッドのセットで、私たちは、ページ上の要素を取得する方が便利なことができます。注：jQueryのセレクタはjQueryオブジェクトを返します。
jQueryのセレクタは、すべてのCSSセレクタ、jQueryを使って基本的に互換性があり、また、より多くの複雑なセレクタ追加、たくさんあります。（参照jQueryのドキュメント）
多くのjQueryのセレクタが、しかし、セレクタ間の素子を得ることであること、お互いに置き換えることができ、あなたが取得するために様々な方法があります。最も一般的なセレクタの私たちは本当にすることができ、通常はわずか数そう。
2.1 jQueryの基本的な選択（フォーカス）
| 名前 | 使い方 | 説明 |
|---|---|---|
| IDセレクタ | $（ '＃IDは'）; | 要素指定されたIDを取得します。 |
| クラスセレクタ | $（」。クラス）; | クラスの同じタイプの要素を取得 |
| タグセレクタ | $（ 'DIV'）; | 同じクラスラベルのすべての要素を取得します。 |
| そして、セットセレクタ | $（ '本部、P、それ'）; | 区切るには、カンマを使用し、それができるのいずれかの条件満たしています。 |
| 交差点セレクタ | $（ 'div.redClass'）; | div要素にクラスを返しますredClass |
- 概要：まったく同じで使用するCSSのセレクタ。
構文テンプレート：00-構文テンプレートの.html（jquery.jsを含める必要性）
<script type="text/javascript">
//常用选择器
//根据id获取元素 获取到的结果：类数组对象
console.log( $('#div0') );
console.log( $('#div0')[0] );
//根据class获取元素
console.log( $('.div_1') );
//根据标签名称来获取元素
console.log( $('div') );
//根据属性获取元素
console.log( $('input[name=username]') );
//根据表单元素属性获取元素
console.log( $(':checked') );
</script>
2.2 jQueryのセレクタレベル（キー）
| 名前 | 使い方 | 説明 |
|---|---|---|
| 子孫セレクタ | $（ 'UL>李'）; | 使用 - いいえ、階層息子の要素を取得し、注意を払う、と要素の孫レベルを得ることはありません |
| 子孫セレクタ | $（ 'ulの李'）; | 使用スペースは、子孫のセレクターを代表して、などの孫、を含む李UL内のすべての要素を取得します |
- 正確にCSSセレクタのように。
2.3 jQueryのフィルタ選択（主に学びます）
- このようなセレクタは、コロンを持ってきました：
| 名前 | 使い方 | 説明 |
|---|---|---|
| ：EQ（インデックス） | $（ 'のLi：当量（2）'）、CSS（ '色'、 '赤'）。 | 取得したli要素、選択された要素のインデックス番号2、インデックス番号ゼロからインデックス。 |
| ：奇数 | $（ 'のLi：奇数'）、CSS（ '色'、 '赤'）。 | 取得したli要素、要素が奇数のインデックス番号を選択しました |
| ：さえ | $（ '李：でも'）、CSS（ '色'、 '赤'）;。 | li要素を取得し、選択された要素のインデックス番号が偶数であります |
2.4 jQueryのスクリーニング方法（フォーカス）
- フィルタセレクタ幾分類似フィルタ選択の機能ではなく、同一の使用、フィルタ選択主として方法。
| 名前 | 使い方 | 説明 |
|---|---|---|
| 子供（セレクタ） | $（ 'UL'）。子ども（ '李'） | $（ 'UL-LI'）、セレクタサブクラスに相当 |
| 検索（選択） | $（ 'UL'）（ '李'）を見つけます。 | $（「ulの李」）、子孫セレクタと同等 |
| 兄弟（セレクタ） | $（ '＃最初'）兄弟（ 'リー'）。 | 自分自身を含めない、兄弟を検索します。 |
| 親（） | 。$（ '＃最初'）親（）; | 父親を探します |
| EQ（インデックス） | $（ 'リー'）EQ（2）。 | $（ '李：EQ（2）'）に相当し、インデックスは0から始まります |
| 次（） | $（ 'リー'）。次の（） | 次の兄弟を探します |
| PREV（） | $（ 'リー'）。前のページ（） | 最後の時間に兄弟を検索するには |
| 最も近いです | $（ 'リー'）。最も近い（ 'UL'） | 最新の祖先を探します |
構文テンプレート：00-構文テンプレートの.html（jquery.jsを含める必要性）
<script type="text/javascript">
//常用筛选方法
//获取爱好对应的div
var hobby = $('#hobby');
//获取 hobby 父元素
console.log( $('#hobby').parent() );
//获取 hobby 子元素
console.log( $('#hobby').children() );
//获取 hobby 最近的祖先元素
console.log( $('#hobby').closest('form') );
//获取 hobby 所有后代元素
console.log( $('#hobby').find('input') );
//获取 hobby 下一个兄弟元素
console.log( $('#hobby').next() );
//获取 hobby 前一个兄弟元素
console.log( $('#hobby').prev() );
//获取 hobby 所有兄弟元素
console.log( $('#hobby').siblings() );
</script>
