jQueryセレクター
jQuery セレクター
jQuery セレクター
さまざまなセレクターをデモンストレーションするには、jQuery セレクター チェッカーを使用してください。
| セレクター | インスタンス | Select |
|---|---|---|
| * | $("*") | すべての要素 |
| #id | $("#lastname") | id=すべて"lastname" の要素 |
| .class | $(".intro") | class="intro" .intro,.demo") |
| 要素 | $("p") | すべての<p>要素 |
| el1 , | el2, | el3|
| すべての <h1>、<div><p> 要素;p>要素$("p:last")last<p>要素 | :even | $("tr:even") |
| :odd | $("tr:odd")すべての奇数 | |
| :first-child | $("p:first-child") | 親要素の最初の子であるすべての <p> 要素 |
| :first-of-type | $ ("p:first-of-type") | 親の最初の <p> 要素に属するすべての <p> |
| :last-child | $("p: last-child ") | 親の最後の子であるすべての <p> 要素 |
| :last-of-type | $("p:last-of-type") | は All <p> に属します; 親の最後の <p> 要素 |
| :nth-child(n) | $("p:nth-child(2)") | に属します すべて <p> ; 親要素 |
| :nth-last-child(n) | $("p:nth-last-child(2)") | の 2 番目の子要素が属します すべて < ;p> 最後の子から数えて、親要素の 2 番目の子要素 |
| :nth-of-type(n) | $("p:nth-of-type( 2)" ) | すべての<p>要素 |
| :nth-last-of-type(n) | $("p: nth-last-of-type(2)") | すべて <p> ; 最後の子要素から数えて 2 番目の <p> 要素 |
| $("p:only-child") | 親要素の唯一の子です | |
| $("p:only-of-type") | すべての要素 | |
| | ||
| $("div > p") | <div> 要素の直接の子であるすべての <p> 要素 | |
| <div> すべて <p> ; 要素 | element + next | |
| 各 <div> 要素は次の <p> 要素に隣接しています | 要素 ~ 兄弟 | |
| <div> 同じレベルのすべての <p> 要素 ulli :eq(3)") | リストの 4 番目の要素 (インデックス値は 0 から始まります) | |
| ) | $("ul li:gt(3)")インデックスが 3 より大きい要素をリストします | |
| $("ul li:lt(3)") | インデックスが 3 未満の要素をリストする:not( | |
| $("input:not(:empty)") | 空ではないすべての入力要素||
| :header | $(":header") | すべてのヘッダー要素 <h1>、<h2> ... |
| :animated | $(":animated") | allアニメーション要素 |
| :focus | $(":focus") | 現在フォーカスがある要素 |
| :contains(text) | $(":contains('Hello')") | 「Hello」というテキストを含むすべての要素 |
| :has(selector) | $("div:has(p)") | <div> 要素内の <p> 要素を含むすべての要素 |
| :empty | $(":empty") | すべての空の要素 |
| :parent | $(":parent") | 別の要素の親であるすべての要素 |
| :hidden | $("p:hidden") | すべての非表示の <p> 要素 |
| :visible | $("table:visible") | すべての表示可能なテーブル |
| :root | $(":root") | ドキュメントのルート要素 |
| :lang( language) | $("p:lang(de)") | 「de」で終わるすべての要素lang 属性値 & lt; p & gt; 要素 |
| ] href 属性を持つすべての要素 | [ | attribute|
| ]$("[href='default.htm']") href 属性と値が「default.htm」に等しいすべての要素 | [ | 属性|
| ]$("[href!='default.htm']")href 属性と値が「default.htm」と等しくないすべての要素 | [ | attribute|
| ]$("[href$='.jpg']") href 属性と値が「.jpg」で終わるすべての要素 | [ | attribute|
| ] $("[title|='Tomorrow']") title 属性と 'Tomorrow' に等しい値を持つすべての文字列、または 'Tomorrow' で始まり、その後にコネクタが続くすべての文字列 | [ | attribute|
| ]$("[title^='Tom']")title 属性と「Tom」で始まる値を持つすべての要素 | [ | attribute|
| ] $("[title~='hello']")title 属性と単語「hello」を含む値を持つすべての要素 | [ | attribute*|
| ] $(" [title*='hello']")title 属性と文字列「hello」を含む値を持つすべての要素 | [ | name|
| ][name2= value2] $( "input[id][name$='man']" ) id 属性と name 属性が man で終わる入力ボックス | ||
| :input | $(":input") | すべての入力要素 |
| :text | $(":text") | すべて type="text" " 入力要素 |
| :password | $(":password") | type="password" を持つすべての入力要素 |
| :radio | $(":radio") | すべて を持つ入力要素type="radio" |
| :checkbox | $(":checkbox") | type="checkbox"を持つすべての入力要素 |
| :submit | $(": submit") | すべての入力type="submit" を持つ要素 |
| :reset | $(":reset") | type="reset" を持つすべての入力要素 |
| :button | $(":button") | type="button" を持つすべての入力要素 |
| :image | $(":image") | type="image" を持つすべての入力要素 |
| :file | $(":file") | type="file" を持つすべての入力要素 |
| :enabled | $(":enabled") | すべての有効な要素 |
| :disabled | $(":disabled") | すべて無効要素 |
| ：selected | $（ "：selected"）All Selected Dropdown Elementse：checked | $（ "：checked"） | $(selector).selector
| は jQuery 1.7 で非推奨になりました。 | jQuery() に渡された元のセレクターを返します:target | |
| セレクターは、ID が要素 | のフォーマットされた識別子と一致する <p> を選択します。 |
