jqueryセレクター(共通セレクター説明)_jquery

基本セレクター:

$("#myELEment") id 値が myElement に等しい要素を選択します。id 値は 1 つだけ指定できます。ドキュメントなので、取得できるのは

$("div") だけです, out out through through - off out of div タグ要素が返されます >
$("*") すべて選択します。ドキュメント内の要素

結合選択にはさまざまな選択方法を使用できます。たとえば、$("#myELEment,div,.myclass")


カスケード セレクター:

$("form input") フォーム要素内のすべての入力要素を選択します
$("#main > *") main
の ID 値を持つすべての子要素を選択します
$("label input") すべてのラベル要素の次の入力要素ノードを選択します

テスト後、セレクターはラベルの後のラベルを返します すべての入力タグ要素の直後に入力タグ

$("#prev ~ div") 兄弟セレクター

このセレクターは、同じ親要素の prev タグであるすべてのタグ要素を返します。


基本的なフィルター処理セレクター:

$ ("tr: first") 最初の項目を選択


🎜>$("tr:last")を選択します最後にtr要素

$("input:not(:checked) span") すべての入力要素

$("tr:even") 0 番目、2 番目、4 番目... 要素を選択しますすべてのTR要素のうち（注：複数の要素が選択されている場合、配列、したがってシーケンス番号が0から始まるため） . ... 全tr要素の要素

$("TD:EQ(2)") 全TD要素の中で通し番号2のTD要素を選択

$(" td: gt (4)") TD 要素内のシーケンス番号が 4 要素より大きいすべての TD を選択します

$("td:ll(4)")以下のシーケンス番号を持つすべての td 要素を選択できます。 4 td 要素内

$(":header")

$ ("div:animated")


コンテンツ フィルター セレクター:


$("div:contains('John')") John テキスト要素を含むすべての div を選択します
$("td:empty") 空の (テキスト ノードを含まない) td 要素をすべて選択しますarray
$("div:has(p)") p タグを含むすべての div 要素を選択します

$("td:parent") td を親ノードとするすべての要素配列を選択します


ビジュアルフィルターセレクター:


$("div:hidden") 非表示の div 要素をすべて選択
$("div:visible") すべて選択表示される div 要素

属性フィルター セレクター:


$("div") ID 属性を含むすべての div 要素を選択します
$("input[ name='newsletter']") name 属性が 'newsletter' に等しいすべての入力要素を選択
$("input[name!='newsletter']") name 属性が 'newsletter' に等しいすべての入力要素を選択'newsletter' と等しい

$("input[name^='news']") name 属性が 'news'

$("input[name$)" で始まるすべての入力要素を選択します='news']") name 属性が 'news' で終わる入力要素をすべて選択します

$("input[name*='man']") name 属性に 'news' が含まれる入力要素をすべて選択します

$( "input[name$='man']") このセレクターは、id 属性を含むすべての


子要素を取得します。属性は man で終わります:


$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n 1)" )

$("div span:first-child") すべての div 要素の最初の子ノードの配列を返します

$("div span:last-child") すべてを返しますdiv 要素の最後のノードの配列

$("div button:only-child") すべての div 内で子ノードが 1 つだけあるすべての子ノードの配列を返します

フォーム要素セレクター:

$(":input") input、textarea、select、button を含むすべてのフォーム入力要素を選択します

$(":text") すべて選択テキスト入力要素

$(":password") すべてのパスワード入力要素を選択

$(":radio") すべての無線入力要素を選択

$(":checkbox ") すべてのチェックボックス入力要素を選択できます

$ (":submit")すべての要素を選択できます

$(":reset") リセット入力要素をすべて選択します

$(":button") すべてのボタン入力要素を選択

$(":file ") すべてのファイル入力要素を選択

$ (":: hidden ") すべてのタイプを選択INPUT 要素または非表示のフォーム、または非表示ドメインのフォーム


フォーム ユニット要素フィルターの選択:
$(":enabled")操作可能なすべてのフォーム要素を選択できます操作できないすべてのフォーム要素を選択できます
$(":disabled") $(":checked") チェックされたすべてのフォーム要素を選択します

$("select option:selected") select の子要素内の選択された要素をすべて選択します