ホームページ >ウェブフロントエンド >jsチュートリアル >上位50件のjQueryセレクター
上位50件のjQueryセレクター
- Lisa Kudrowオリジナル
- 2025-03-06 00:41:08395ブラウズ
jQueryセレクターは、すべての開発者が日常生活で使用する強力なツールです。このリストには、すべてのjQuery開発者が参照するために一般的に使用される50のJqueryセレクターをまとめます。これらのセレクターは特定の順序で配置されていないことに注意してください。
-
$(“*”)- ドキュメント内のすべての要素を選択します。 -
$(“p > *”)- すべての段落要素の子要素を選択します。 -
$(“#specialID”)- id "specialid"の要素を選択します。 -
$(“.specialClass”)- クラスのあるすべての要素を「SpecialClass」として選択します。 -
$(“li:not(.myclass)”)- クラスが「myclass」である要素を除外するが、liセレクターに一致するすべての要素を選択します。 -
$(“a#specialID.specialClass”)- ID「Specialid」とクラス「SpecialClass」でリンク要素を選択します。 -
$(“p a.specialClass”)- クラス「SpecialClass」を使用して、段落要素内のリンク要素を選択します。 -
$(“ul li:first”)- 順序付けられていないリストの最初のリスト項目要素を選択します。 -
$(“#container p”)- id "container"要素を持つすべての子孫の段落要素を選択します。 -
$(“li > ul”)- すべてのリストアイテム要素の子供のないリスト要素を選択します。 -
$(“strong em”)- 大胆な要素に従う斜体要素を選択します。 -
$(“p ~ ul”)- 段落要素に従うすべての順序付けられていないリスト要素を選択します。 -
$(“code, em, strong”)- コード、イタリック、または大胆な要素を選択します。 -
$(“p strong, .myclass”)- 段落要素内の太字の要素と、クラスが「myclass」であるすべての要素を選択します。 -
$(“:empty”)- 子供のいないすべての要素を選択します。 -
$(“p:empty”)- 子要素のないすべての段落要素を選択します。 -
$(“div[p]”)- 段落要素を含むdiv要素を選択します。 -
$(“p[.myclass]”)- 「myclass」要素を含む段落要素を選択します。 -
$(“a[@rel]”)- rel属性を持つすべてのリンク要素を選択します。 -
$(“input[@name=myname]”)- 名前属性値が「myname」と正確に等しい入力要素を選択します。 -
$(“input[@name^=myname]”)- 「myname」で属性値が始まる入力要素を選択します。 -
$(“a[@rel$=self]”)- 「self」で終わるrel属性の値を持つリンク要素を選択します。 -
$(“a[@href*=domain.com]”)- 「domain.com」を含むHREF属性値を持つリンク要素を選択します。 -
$(“li:even”)- 均一なインデックス値を持つリストアイテム要素を選択します。 -
$(“tr:odd”)- 奇数のインデックス値を持つテーブル行要素を選択します。 -
$(“li:first”)- 最初のリスト項目要素を選択します。 -
$(“li:last”)- 最後のリスト項目要素を選択します。 -
$(“li:visible”)- すべての可視リストアイテム要素を選択します。 -
$(“li:hidden”)- すべての非表示リストアイテム要素を選択します。 -
$(“:radio”)- フォームですべてのラジオボタンを選択します。 -
$(“:checked”)- 選択したすべてのチェックボックスをフォームで選択します。 -
$(“:input”)- フォーム要素（入力、select、textarea、ボタン）を選択します。 -
$(“:text”)- テキスト入力要素（input[type=text]）を選択します。 -
$(“li:eq(2)”)- 3番目のリスト項目要素を選択します。 -
$(“li:eq(4)”)- 5番目のリストアイテム要素を選択します。 -
$(“li:lt(2)”)- 3番目の要素の前にリストアイテム要素（最初の2つ）を選択します。 -
$(“p:lt(3)”)- 4番目の要素の前に段落要素を選択します（最初の3つ）。 -
$(“li:gt(1)”)- 2番目の要素の後にリストアイテム要素を選択します。 -
$(“p:gt(2)”)- 3番目の要素の後に段落要素を選択します。 -
$(“div/p”)- div要素のサブパラグラフ要素を選択します。 -
$(“div//code”)- div要素のすべての子孫コード要素を選択します。 -
$(“//p//a”)- すべての段落要素の子孫リンク要素を選択します。 -
$(“li:first-child”)- 親要素の最初の子要素であるすべてのリストアイテム要素を選択します。 -
$(“li:last-child”)- 親要素の最後の子要素であるすべてのリストアイテム要素を選択します。 -
$(“:parent”)- 少なくとも1つの子要素（テキストを含む）を持つすべての要素を選択します。 -
$(“li:contains(second)”)- テキスト「second」を含むリストアイテム要素を選択します。 -
$(“td:gt(4)”)- 5番目以降のテーブルセル要素を選択します。 -
$(“input:not(:checked)”)- 選択されていないすべての入力要素を選択します。 -
$(“div,span,p.myClass”)- 3つのセレクターのいずれかに一致する要素を選択します。 -
$(“input[id][name$=”man”]”)- ID属性と名前属性の両方を持つ入力要素を選択します。「MAN」で終了します。
jQueryセレクターFAQ（FAQ）
セレクターに等しい属性とセレクターを含む属性の違いは何ですか？
属性は、特定のIDまたはクラスを持つ要素を選択するなど、特定の値と属性値が正確に一致する要素を選択するためにセレクターに等しくなります。属性を含むセレクターは、値が属性値の一部のみであっても、指定されたサブストリングを含む要素を選択するために使用されます。
jqueryを使用して名前で要素を選択する方法は？
属性の使用セレクターに等しい：$(“element[name=’value’]”)。たとえば、「username」という名前の入力要素を選択します。 $(“input[name=’username’]”)
プロパティスターターセレクターとは何ですか？
属性開始セレクターは、属性値が指定された文字列で始まる要素を選択するために使用されます：$(“element[attribute^=’value’]”)。たとえば、IDが「my」で始まるすべての要素を選択します：$(“[id^=’my’]”)。
jQueryで複数の要素を選択する方法は？
コンマを備えたセレクターを個別に：$(“div, p”)すべてのdivおよびp要素を選択します。
要素の最初の子要素を選択する方法は？
:first-childselector：$(“element:first-child”)を使用します。
要素の最後の子要素を選択する方法は？
:last-childselector：$(“element:last-child”)を使用します。
すべての要素を選択する方法は？
:evenselector：$(“element:even”)を使用します。
すべての奇妙な要素を選択する方法は？
:oddselector：$(“element:odd”)を使用します。
特定のテキストを含む要素を選択する方法は？
:contains()selector：$(“element:contains(‘text’)”)を使用します。
特定の属性を持つ要素を選択する方法は？
属性セレクターを使用してください：$(“element[attribute]”)。
この包括的なガイドがあなたに役立つことを願っています！
以上が上位50件のjQueryセレクターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。