ホームページ > 記事 > ウェブフロントエンド > JQuery セレクターにはどのような種類がありますか?
セレクター |
例 |
説明 |
|
基本セレクター | |||
* |
$(*) |
すべての要素を選択 |
|
#id |
$("#a") |
id=a |
|
.class $の要素を選択(「 .b ") |
class=b | ||
$("p") |
すべての 要素 |
.クラス。クラス | |
$(".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を取得します |
|
フォームセレクター | |||
:text | $(":テキスト") | タイプがテキストであるフィールド、またはタイプが属性を持たないフィールドをすべて選択します | |
:password | $(":password")
|
すべての | |
:reset | $(":reset") | ||
:ボタンをすべて選択します | $(":button") | すべての種類のボタンを選択します(ボタン) | |
:checkbox | $(":checkbox") | 全種類選択 チェックボックス用(複数選択) | |
:radio | $(" :radio") | すべて選択 | |
:file チェックボックス (単一選択) | $(":file") | アップロード ドメインをすべて選択 | |
:画像 | $(":image") |
すべての画像ボタンを選択 |
|
:input |
$(":input") |
すべての入力、テキストエリア、選択、ボタンを選択要素 |
|
:有効 |
$(":有効") |
利用可能な入力をすべて選択 |
|
:無効 |
$( 「:無効」) | 使用できない入力をすべて選択 |
|
:select |
$(":select") |
選択状態のオプション要素 |
|
:checked | $ (":チェック済み") |
選択状態(チェック済み)の入力要素 |
|
:focus |
$(":focus") |
ページを選択するとフォーカス入力が行われます |
|
以上がJQuery セレクターにはどのような種類がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。