jQueryのセレクターの概要

jQuery には、基本的なセレクター、フォーム セレクター、フィルター セレクターなど、多くのセレクターがあります。頻繁に使用しないと忘れてしまいがちなセレクターもあります。最近、jQuery のセレクターについてまとめました。あなたの利便性をチェックして、みんなと共有してください。お役に立てれば幸いです。

基本セレクター

//ID セレクター $("#id")

//要素セレクター $("div")

//クラス セレクター $(".classname")

//結合セレクター $(".classname,.classname1,#id1")

#階層セレクター

//子要素セレクター $("#id>.classname")

//子孫要素セレクター $("#id .classname")

//次の要素セレクター $("#id .classname")

//兄弟要素セレクター $("#id ~ .classname")

フィルター セレクター

//最初の li $("li:first")

//最後の li $("li:last")

//添字が次の li を選択します偶数 $("li:even")

//添字が奇数の li を選択 $("li:odd")

//添字が 4 の li を選択します$("li:eq(4)")

//添字が 2 より大きい li $("li:gt(2)")

//添字が 2 より小さい Li $("li:lt(2)")

//id="runoob" を除くすべての li を選択 $("li:not(#runoob)" )

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

// Runob テキストを含む要素 $("div:contains('Runob')")

/ /子要素またはテキストを含まない空の要素 $( "td:empty")

//セレクターによって一致した要素が含まれます $("div:has(selector)")

//子要素またはテキストを含む要素 $("td: parent")

可視フィルター セレクター

//すべての非表示要素に一致するか、非表示要素の場合 $("li:hidden")

と入力します//すべての表示要素に一致 $("li:visible")

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

//id 属性を含むすべての div 要素 $("div[id ]")

// id 属性値が 123 の div 要素 $("div[id='123']" )

// id 属性値が 123 に等しくない div 要素123 $("div[id!='123']")

// id 属性値が qq で始まる div 要素 $ ("div[id^='qq']")

// id 属性値が zz で終わる div 要素 $("div[id$='zz']")

// id 属性値に bb が含まれる div 要素 $("div[id *='bb']")

//複数属性フィルタリング、両方の属性の条件を同時に満たす要素 $("input [id][name$='man']")

#ステータス フィルター セレクター

#// 利用可能な入力と一致 $("input:enabled")

// 利用できない入力と一致 $("input:無効")

// 選択された入力と一致 $("input:checked")

// 選択されたオプションと一致 $("option:selected")

フォーム セレクター

//入力、テキストエリア、選択、およびボタンのすべての要素に一致 $(":input")

//すべての単一行テキスト ボックスの場合、$(": text") は $("[type=text]") と同等です。効率を高めるために $("input:text") を使用することをお勧めします。 次へ $(":text") と同じ

//すべてのパスワード ボックス $(":password")

//すべてのラジオ ボタン $(":radio")

//すべてのチェックボックス $(":checkbox")

//すべての送信ボタン $(":submit")

//すべてのリセット ボタン $(":reset" )

//すべてのボタン ボタン $(":button" )

//すべてのファイルフィールド $(":file")

以上がjQueryのセレクターの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。