あなたはjQueryのセレクタのように見えると思いますか？

$値のみ1つのID値MYELEMENTだから入手することができ、文書中で繰り返すことはできませんID、IDを選択MYELEMENT要素の値に等しい（「＃のMYELEMENT」）は、唯一の要素である  
$（「div要素」）の全ての要素のdivタグを選択し、配列中のdiv要素を返す  
すべての要素のCSS MyClassというクラスを使用することを選択する（「MyClassの」）$  
ドキュメント内のすべての要素を選択する$（ 『*』）を、あなたは関節の選択を選択するためのさまざまな方法を使用することができます。たとえば、$（「＃ MYELEMENT、DIV、.myclass「）  
 
積層セレクタ：  
$（」フォーム入力「）が入力要素フォームのすべての要素を選択する  
」＃メイン> * $（「 ） の選択したすべての主要サブエレメントID値  
（$」ラベル+入力「次の入力要素ノードにすべてのラベル要素を選択する）は、テストセレクタを直接入力ラベルで全て入力タグ要素に続くラベルラベル戻る  
＃PREV〜DIV "$（」 ） 同胞セレクタを、すべてのタグのdiv idは、同じ親要素に属する前のタグセレクタ要素に返される  
 
基本フィルタセレクタ：  
$は（「TR：最初の」）は、すべてのtrの最初の要素を選択する  
$（「TR：過去"  ）最後に、すべてのtr要素を選択します
$（「：：ありません（入力     ）+スパン確認）」を
 
除外するために：すべての入力エレメントの点検セレクタを  
 
$（「TR：でも」）最初のTRのすべての要素を選択する... 0,2,4 ...の要素（注：いくつかの要素があるため、アレイの選択した場合、その数はゼロです）  
 
$ （ "TR：奇"）は、TRのすべての要素を選択する... 1,3,5 ...の要素  
$（ "TD：EQ（2 ）"） のシリアル番号のTD 2をtdのすべての要素を選択します素子  
4より大きい数の全てのTD要素TD要素を選択する（ "GT（4）TD"）$  
$（ "TD：LL（4）"）は、すべてのtd要素td要素の数を選択するには4未満であり、  
「（$：ヘッダ「）  
$（」div要素：アニメーション「）  
、コンテンツフィルタセレクタ：  
 
$（」div要素：（「ジョン」を含む）「）選択された要素は、すべてのdivのジョン・テキストに含ま  
：のすべてを選択するには、空「）TD $を（」配列のtd要素（テキストノードは含まない）空の  
$（「div要素は：（Pを持っている ）」） のdiv pタグを含むすべての要素を選択し  
、すべてのtd親ノードの要素を選択する：$（「親TDを」）配列  
のビジュアルフィルターセレクター：  
 
$（「div要素：隠されました」  ）すべての隠されたdiv要素を選択して
可視化div要素のすべてを選択するには）：$（「目に見えるdiv要素を」  
フィルタセレクタ属性：  
 
$（ "divの[ID]" ）属性IDを含むすべてのdiv要素を選択し  
（ "入力[名前= '$のニュースレターは、']"） name属性のすべてを選択するためには、に'ニュースレター'入力要素等しい  
 
$（「入力[名前！= 「ニュースレター」]「name属性のすべてを選択する）は、 『ニュースレター』入力要素に等しくない  
 
入力、[名前^ = $（」 「）「ニュース」] 先頭に『ニュース』 input要素にname属性をすべて選択するには  
$（」入力[名前$ =「ニュース」] 「） 入力要素の『ニュース』末端にname属性をすべて選択するには  
$（」入力[名前* = 「男」]「） name属性のすべてを選択するには、 『ニュース』入力要素が含まれ  
 
$を（「入力[ID] [名 $ = 『人』]」） id属性のすべてを含む得られた素子の人の端に属性された属性の選択、複数用いて合成することができる  
 
サブ要素フィルタセレクタを：  
 
$ （ "UL李：N番目-子供（2）"）、$（ "UL李：N番目の子（ODD）"）、$（ "UL李：N番目の子（3N + 1）"）  
 
$（「divのスパン：  「アレイ）第一子のdiv要素の最初の子のすべてを返し
、最後の子の配列」）は、最後のノードのdiv要素のすべてを返します：$（「divのスパン  
アレイ（「専用子DIVボタン 」） DIVの全てが返すすべての子の唯一の子ノードが$ノードされた  
 
フォーム要素セレクタ：  
 
$（ 『：INPUT』）入力を含む全ての形態の入力要素を選択し、TEXTAREA 、選択してボタン  
 
$（「：テキスト」）は、すべてのテキスト入力要素を選択するために  
、すべてのパスワードの入力要素の選択：$（「パスワード」）を  
すべての無線入力要素を選択します：$（「ラジオ」）  
（「：チェックボックスを」）$すべてのチェックボックスの入力要素の選択  
$を（「：提出」）は、すべての入力要素の提出選択  
$を：画像入力要素をすべて選択するには（「イメージ」）を  
リセット入力要素をすべて選択するには：$（「リセット」）を  
$を（「：ボタンを「）すべてのボタン入力要素を選択し  
、ファイル入力要素をすべて選択するには）： 『ファイル』 $を（  
「（$を：  隠された「）タイプまたは隠しフォームフィールドの隠されたすべての入力要素選択
 
フィルタセレクタフォーム要素を：  
 
$（「：有効」）フォーム要素のすべてを選択するように動作可能  
$（「：無効」）を動作不能すべてのフォーム要素を選択します  
$（「：チェックする」）は、フォームのすべての要素を選択するためにチェックされている  
$（「選択するオプション：選択し「選択要素の子要素を選択するためには）するために選択された  
 
   
 
テキスト値入力テキストボックスS_03_22のTDに」の名前を選択し、「
$（」INPUT [@名= S_03_22]「）、親（）。 .prev（）。テキスト（）  
 
"S_"に名前が始まり、としないように"_R"エンド
$（ "入力[名前@ ^ = 'S _']"）。ません（「[@名$ = '_ R' ] "）  
 
の選択されたラジオの名前radio_01の値が
$（"名@ = radio_01] [確認[INPUT @] "）ヴァル（）;.  
 
   
 
   
 
$（" AB「）、次の要素のすべての子ノードを検索備えます非直接の子ノードの
直接の子ノードの次の要素を見つけるために$（「A> B」）
$（「+ B」）非直接の子ノードを含む要素、背後にある兄弟ノード見つけるために
$（「〜B」）を見つけるために兄弟要素の後ろに、非直接の子ノードを除く  
 
1 $（「B」を  ）間接的な子を含む、次の要素Aのすべての子ノードを、検索ノード
 
の例を：フォームでの入力要素のすべての検索  
 
：HTMLコードの  
 
<form>を
<ラベル>名前：</ label>は
<INPUT名= "名前" />
<fieldsetの>
      <ラベル>ニュースレター：</ label>は
      <INPUT名= "ニュースレター" />
</ fieldsetの>
</ FORM>
<INPUT名= "NONE" />  
jQueryのコード：  
 
$（ "入力フォーム"）  
の結果：  
 
[<INPUT名= "名前" />、<INPUT名= "ニュースレター" />]  
 
2. $（ "A> B"）を見つけるために以下の直接の子要素  
例：すべてのサブレベル入力のフォーム要素に一致します。  
 
HTMLコード：  
 
<フォーム>
<ラベル>名前：</ label>は
<INPUT名= "名前" />
<fieldsetの>
      <ラベル>ニュースレター：</ label>は
      <




 

結果：  
 
[<入力名=「名前」/>]  
 
3. $（「A + B」）以外の直接の子ノードを含む兄弟要素、後ろの外観  
例：マッチラベルの背後にあるすべての入力要素を  
 
HTMLコードは：  
 
<フォーム>
<ラベル>名前：</ label>は
<INPUT名= "名前" />
<fieldsetの>
      <ラベル>ニュースレター：</ label>は
      <INPUT名= "ニュースレター" />
</ fieldsetの>
</ FORM>
<INPUT NAME = "なし" />  
jQueryのコード：  
 
$（ "ラベルINPUT +"）  
結果：  
 
[<INPUT名= "名前" />、<INPUT名= "ニュースレター" />]  
 
 
4. $（「A〜 B「）以外の直接の子ノードを除く兄弟要素の背後に見て、  
例：フォーム入力要素を持つすべてのピア見つける  
 
のHTMLコードを：  
 
<フォーム>
<ラベル>名前：</ label>は
、<入力名= "名前" />
<fieldsetの>
      <ラベル>ニュースレター：</ label>は
      、<入力名= "ニュースレター" />
</ fieldsetの>
</ FORM>
<入力名= "なし" />  
jQueryの代码：  
 
$（ "フォーム〜入力"）  
结果：  
 
[<入力名= "NONE" />]






一、获取父级元素

1、親（[式]）：

获取指定元素的所有父级元素
<DIV ID = "par_div"> <ID = "href_fir" HREF =」 ＃ "> href_fir </a>の
<a id="href_sec" href="#"> href_sec </a>の
<a id="href_thr" href="#"> href_thrする</a> </ div>
<スパンID = "par_span">
<a id="href_fiv" href="#"> href_fivする</a>
</スパン>
$（ドキュメント）.ready（関数（）{
$（ "A"）親（））addClass（ 'a_par'; ..
}）;

Firebugの効果ビューjQueryの親
の兄弟要素を取得する2つ：
1、次に。 （[式]）：

要素の次の兄弟要素（オハイオ州の次の兄弟要素に注意してください）を取得します

。<！DOCTYPE HTML>
<HTML>
<HEAD>
  <スクリプトタイプ= "テキスト/ JavaScriptを" srcが= "/ jQueryの/ jquery.js"> </ SCRIPT>
</ head>

<body>
<UL>
   <LI>リスト項目1 </ LI>
   <LI>リスト項目2 </ LI>
   <LIクラス= "THIRD品目">リスト項目3 </李>
   <LI>リスト項目。4 </ LI>
   <LI>リスト項目。5 </ LI>
</ UL>

<スクリプト>
$（ '-項目li.third'）。次（）。CSS（ '背景色' ）、 '赤';
</ SCRIPT>

</ BODY>
</ HTML>

この実施例の結果、リスト項目のみ背景色4レッド

 
2、nextAll（[式]） ：

背後にあるすべての指定された要素の兄弟要素を取得
こんにちは

こんにちは再度
の<div> <span>にして、再度を</ span>の</ div>の
VAR p_nex $ =（ "P"）をnextAll（）;
p_nex.addClass（「p_next_all」）;

firebug_jq_nextall
ああ、最後の「<P＆GT」タグに注意し、また、「p_next_all」クラス名を追加したああ~~

 
3、andSelf（）：

すべての兄弟要素の後ろに指定された要素を取得します。その後、指定された要素を追加し

、私は、これは、関数の最も興味深い機能であると感じ、それが何を意味するのでしょうか？直訳は自分自身だけでなく、自分のように、「はい、そこにある」「そして私」です。
<P>こんにちは</ P> <P>こんにちは再び</ P>の<div> <span>にして、もう一度</ span>を</ div>の
VAR p_nex = $（ "P"）。nextAll（）。andSelf（） ;
p_nex.addClass（「p_next_all」）;

最初の「<P>」タグに注意ああ、これはラベルPの裏面、及び自身のピアラベルの全てを選択することを意味します。。。
firebug_jq_andself

 

以下の具体例の両方が移動しない、実際には、（隣にある）とnextAll（）自分反対

4、PREV（）：（オハイオ州にある）兄弟要素で指定された要素を取得します。

5、prevAllは（）：すべての兄弟要素の前に指定された要素を取得します。

第三に、取得サブ要素

1、実施例1は、サブ要素を見つけるために：>

例：VAR aNods = $（ "UL > A"）。







1>子供及び方法が使用されている検索は、jQueryの方法のほとんどのように、テキストノードを返さない両方が要素のサブ要素を得るために使用されます。
直接の子：何年生の子要素、すなわちを得るために2>子どもたちが唯一の方法。
3>、すなわち、すべての下位要素を取得するための方法を見つける：DOMツリーにおけるこれらの要素の子孫を呼び出し
4>パラメータ選択子供方法は、（オプションで）、濾過用のサブ要素、任意である。

しかし、パラメータ選択方法は、方法を選択しなければならない見つけますA。
5>検索方法は、実際にjQueryの（セレクタ、コンテキスト）を使用することによって達成することができます。つまり、$（ 'li.item-II'） 。検索（ '李'） $（ 'リー'、 'li.itemと同等です -ii'）。