JQuery セレクターにはどのような種類がありますか?

基本セレクター

要素

$(".a.b")

class=a と class=b を持つすべての要素を選択します

$( "P：First"）最初のp要素を選択：last $（ "p：last"） :odd

$("p:odd")

奇数の位置にあるすべての p 要素を選択

:even

$("p:even")

Select偶数の位置にあるすべての p 要素

:ep(n)

$("p:eq(n)")

n 番目の p 要素を選択します (インデックスは 0 から始まります)

:gt(n)

$("li:gt(n)")

n 番目の位置より前のすべての li 要素を選択します (n 番目の位置を除く)

:lt( n)

$("li:lt(n)")

n番目の位置以降のすべてのli要素を選択します(n番目の位置を除く)

:root

$(" p:root")

pのルート要素を選択(ラベルが書かれていない場合はグローバルルート要素を選択することになります)

:header()

$(“p:header )

Pタグ内のタイトルを全て選択(タグが書かれていない場合はグローバルタイトルを選択することになります)

:lang

$(“p:lang( language )”)

Pタグの指定言語を選択します(タグが書かれていない場合はグローバルタイトルを選択することになります)

:not

$("li:not(.active)")

.active 以外の要素を選択

:hidden

$("p:hidden")

P タグをすべて非表示

:visible

$( "p:visible")

すべての p タグを表示

:target

$(":target")

ターゲットステータスを持つすべての要素を選択

: anmated

$("p:anmated")

実行中のアニメーションを取得

:first-child

$("p p:first-last")

p でラベル P を持つ最初の子要素を選択します

:last-child

$("p p:last-child")

ラベル p である p の最後の子要素を選択します (位置制限なし)

: first-of-type

$ ( "p p:first-of-type")

p に現れる最初の p タグを取得します (位置に関係なく)

:last-of-type

$("p p :last -of-type”)

p (位置に関係なく) に出現する最後の p タグを取得します

:nth-child(n)

$(“p p:nth-child (2) )")

p の 2 番目の p タグを取得します (添え字は 1 から始まります)

:nth-of-type(n)

$("p p:nth-of-type (2)”)

p に出現する 2 番目の p タグを取得します (添え字は 0 から始まります)

:nth-last-of-type(n)

$("p p: nth-last-of-type(n)")

p に出現する最後の p タグを取得します

:only-child

$("p p :only-child")

p 内の唯一の子要素 ​​p を取得します

:only-of-type

$("p p:only-of-type")

ピア間で p の唯一のタグを取得しますp

:only-of-type(even/odd)

$(“p p:only-of-type(even/odd)”)

奇数または偶数の P タグをすべて取得するin p (添字は1から始まります)

コンテンツフィルター

:contains()

$(“p :contains(123)”)

すべて入手pタグに「123」を含むタグ

:empty

$("p:empty")

pタグを取得 コンテンツのないすべての要素（スペースもコンテンツとしてカウントされます）

:has()

$("p:has(P)")

pタグを含むすべてのpを取得

:parent

$(" p:parent")

すべての要素(テキストノードを含む)のグレープフルーツ要素のpを取得します

フォームセレクター

$(":image")

すべての画像ボタンを選択

:input

$(":input")

すべての入力、テキストエリア、選択、ボタンを選択要素

:有効

$(":有効")

利用可能な入力をすべて選択

:無効

$( 「:無効」)

使用できない入力をすべて選択

:select

$(":select")

選択状態のオプション要素

:checked

$ (":チェック済み")

選択状態(チェック済み)の入力要素

:focus

$(":focus")

ページを選択するとフォーカス入力が行われます