ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery セレクターにはどのような種類がありますか?

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

一个新手
リリース: 2017-09-30 09:17:23
オリジナル
1410 人が閲覧しました
element .クラス。クラス基本フィルターセレクター: firstを選択します

セレクター

説明

基本セレクター

*

$(*)

すべての要素を選択

#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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート