jqueryセレクタ使用詳細

jQueryのセレクタはこの上なく強大で、ここで簡単に常用元素の検索方法をまとめます。    ID値がmyElementに等しいものを選択してください。ID値は重複できません。ドキュメントには一つのid値しかないので、唯一の要素です。           すべてのdivタグ要素を選択して、div要素配列に戻ります。（「.myClass」）      myClassクラスのcssを使うすべての要素を選択します。             ドキュメント内のすべての要素を選択すると、複数の選択方法で共同選択ができます。例えば$         すべてのform要素の中のinput元素を選択します。          id値がmainのすべてのサブ要素を選択します。（「label+input」）     すべてのlabel要素の次のinput要素ノードを選択して、テストしたセレクタを通じて戻ってくるのはlabelタグの後に直接に1つのinputタグのすべてのinputタグの要素です。       仲間セレクタは、idがprevのタグ要素であるdivタグベースフィルタセレクタを返します。               すべてのtr要素の最初の$(「tr:last」)を選択します。                すべてのtr元素の最後の$を選択します。（「input:not(:checked)+span」）   フィルタリング：checkedのセレクタのすべてのinput元素（"tr:even"）               すべてのtr要素の0番目、2番目、4番目の要素を選択します。(注意:選択された複数の要素は配列であるため、シーケンス番号は0から始まります)。                すべてのtr要素の第1，3，5…の要素を選択します。             すべてのtd要素のうち、シーケンス番号が2のtd要素を選択します。             td要素の中のシーケンス番号が4より大きいtd要素を選択します。              td要素の中のシーケンス番号が4より小さいtd要素を選択します。（「:header」）$（「div:animedd」）コンテンツフィルタ選択器:「$」（「div:contains('John')」）すべてのdivにJohnテキストが含まれている要素を選択します。（「td:empty」）           空（テキストノードも含まない）のすべてのtd要素の配列を選択します。        pタグを含むすべてのdiv要素を選択します。          tdを親ノードとするすべての要素配列の可視化フィルタ選択器を選択します。        hiddenのdiv元素をすべて選択します。        すべての可視化されたdiv元素属性フィルタ選択器を選択します。              ID属性を含む全てのdiv元素を選択してください。    すべてのname属性がnewsletterに等しいinput元素を選択します。newsletter'')「)すべてのname属性を選択すると'news letter'のinput要素に等しくないです("input[name^='news')」「)         すべてのname属性を'news'で始まるinput元素を選択します。         すべてのname属性を'news'で終わるinput元素を選択します。          すべてのname属性には'news'を含むinput元素を選択します。    複数の属性を用いて組み合わせて選択することができ、このセレクタは、すべてのID属性を取得し、そのプロパティは、manの最後の要素でフィルタリングされたセレクタである。          すべてのdiv要素の第1のサブノードの配列を返します。           すべてのdiv要素の最後のノードの配列を返します。       すべてのdivのうち唯一のサブノードのみを返します。すべてのサブノードの配列フォーム要素選択器を返します。                  すべてのフォーム入力要素を選択して、input、textarea、selectとbuttonドル（「:text」）を含みます。                     すべてのtext input元素を選択します。（「:password」）           すべてのpassword input元素を選択します。（「:radio」）                   すべてのラジオinput元素を選択してください。（「:checkbox」）            すべてのcheckbox input元素を選択します。（「:submit」）               submit inputのすべての元素を選択します。                 イメージのすべての要素を選択します。                   すべてのリセットinput元素を選択します。                すべてのbutton input元素を選択します。（「:file」）                     すべてのfile input元素を選択します。（「:hidden」）               hiddenのすべてのタイプのinput要素またはフォームの非表示ドメインフォーム要素フィルタ選択器を選択します。             操作可能なすべてのフォーム要素を選択します。            操作できないすべてのフォーム要素を選択します。            すべてのチェックされたフォーム要素を選択します。  nameを一つ選びます。03_22″のinput text枠の前のtdのtext値（"input[@name=S_]03_22.「).parent().prev().text()名前は「S_」です。初めは、そして”ではない。R"のエンディングの$not('@name'=''uR'""")一つはラジオといいます。01のradioが選択した値（"input[@name=radio_]01)[@checked]“）.val（）;   $("A B")A要素の下のすべてのサブノードを検索し、A要素の下の直接のサブノード（"A+B"）を含む非直接のサブノードを検索し、A要素の後の兄弟ノードを検索し、非直接のサブノード（"A~B"）を含むA要素の後の兄弟ノードを検索します。非直接のサブノード1.（""）A+B"）は、A要素の下のすべてのサブノードを検索します。非直接サブノードの例を含みます。フォーム内のすべてのinput要素HTMLコードを探します。

Name:

      Newsletter:      jQueryコード:"（"form input"）結果:[2.（"以下のフォームのすべての要素が検索されます。HTMLコード: 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 

jQueryコード：

 
$("form > input") 

結果：

[ <input name="name" /> ]

3.$（A＋B）は、A要素の後ろの兄弟ノードを検索し、非直接サブノードの例を含む。labelの後ろにあるすべてのinput要素HTMLコードに一致する。

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 

jQueryコード： 

$("label + input") 

結果：

[ <input name="name" />, <input name="newsletter" /> ] 

4.（「~B」）A要素の後の兄弟ノードを検索し、非直接的なサブノードの例を含まない。フォームと同世代のすべてのinput要素HTMLコードを見つける。

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 

jQueryコード：

$("form ~ input") 

結果：

[ <input name="none" /> ]