Jquery_jquery でオブジェクトを取得するいくつかの方法の紹介

1. JQuery のコアメソッドの一部
each(callback) 'ループのようなもの
$("Element").length; '要素の数は属性
$("Element") です。 size (); 'これは要素の数でもありますが、括弧を使用するとメソッド
$("Element").get(); '配列の形式で保存されたページ上の要素のコレクション
$(" Element").get(index); '関数は上記と同じで、index は配列の添字である要素を表します
$("Element").get().reverse( ); '取得した配列 Direction
$("Element1").index($("Element2")); '要素 1 に要素 2 のインデックス値を入れます。

2. 基本的なオブジェクトの取得 (ここで取得した Jquery オブジェクトは Dom オブジェクトではありませんが、変換できることに注意してください)
$("*") ' はすべてのオブジェクトを取得することを意味しますが、私は取得したことはありません。
$("#XXX") 'id=XXX の要素オブジェクトを取得します (id はタグの ID または CSS スタイル ID にすることができます)。一般的に使用される

$("input)。 [name=' username']") input タグ内で name='userName' の要素オブジェクトを取得するには

$(".abc") ' という名前の要素オブジェクトを取得するのが一般的です。スタイルクラスの .abc は、一般的に使用されます
$(" div") ' タグセレクターは、一般的に使用されるすべての div 要素を選択します
$("#a,.b,span") ' 要素の取得を示しますID が a、クラス スタイル b を使用する要素、およびすべての spam 要素
$("#a .b p") 'ID 番号が a で、b スタイルを使用するすべての p 要素

3.
$("Element1 Element2 Element3 ... .") '前の親の後にサブセットが続きます
$("div > p") 'div の下にあるすべての p 要素を取得します
$("div p") 'div要素後の最初のp Element
$("div ~ p") 'div以降のすべてのp要素

4. 単純なオブジェクト取得
$("Element:first" ) 'HTML ページ内の特定の種類の要素の最初の要素
$("Element:last") 'HTML ページ内の特定の種類の要素の最後の要素
$("Element:not(selector )") '指定されたセレクターに一致するすべての要素を削除します。次のような要素です。 $("input:not(:checked)") は、チェックされていないチェック ボックスをすべて選択することを意味します
$("Element:even") '偶数行を取得します
$("Element:odd" ) '奇数の行を取得します
$("Element:eq(index)") '指定されたインデックス値を取得します
$("Element:gt(index)") '指定されたインデックス値を持つ要素を取得後、全要素
$("Element:lt(index)") '指定されたインデックス値を持つ要素より前のすべての要素を取得

5. object Visibility
$( "Element:contains(text)") '要素にテキストが含まれるかどうか text content
$('Element:empty") 'サブ要素またはテキストを含まない要素を取得します
$("Element:partnt") ' サブ要素またはテキストを含む要素を取得します。
$("Element:has(selector)") ' 特定の要素が含まれているかどうかに関係なく、$("p: has(span)") は、span 要素を含むすべての p 要素を意味します
$("Element:hidden") '表示されている要素をすべて選択します
$("Element:visible") '非表示の要素をすべて選択します

6. その他のオブジェクト取得メソッド
$( "Element[id]") 'ID 属性を持つすべての要素
$("Element[attribute = youlika ]" 'youlika の属性を持つすべての要素を取得します
$("Element[attribute != youlika ]" '属性がyoulikaではない要素をすべて取得します
$("Element[attribute ^= youlika ]" '属性がyoulikaではない要素をすべて取得します
$ ("Element[attribute $ = youlika ]" '属性が youlika で終わらない要素をすべて取得します
$("Element[attribute *= youlika ]" '属性が youlika で始まる要素をすべて取得します
$("要素 [selector1][selector2][....]") '$("input[id][name][value=youlika]") などの属性セレクターに準拠し、ID、名前、値を取得することを意味しますyoulikaの入力要素。

7. 子要素の取得
$("Element:nth-child(index)") '親の下のn番目の要素を選択します
$("Element:nth-child(even)" ) '親の下の偶数を選択します
$("Element:nth-child(odd)") '親の下の奇数を選択します
$("Element:nth-child(3n 1)" ) 'Expression
$("Element:first-child") '親要素の下にある最初の子要素を選択します
$("Element:last-child") '親要素の下にある最後の子要素を選択します
$ ("Element:only-child") ' は、親の下にある唯一の子要素と一致します。たとえば、dt が dl リスト内の唯一の要素である場合、dt

が選択されます。 object
$(:input)//ドロップダウン リスト、テキスト フィールド、ラジオ ボタン、チェック ボックスなどを含むすべての入力要素を検索します。
$(:text)//すべての単一行テキスト ボックスと一致します
$(:password)//すべてのパスワード ボックスと一致します
$(:radio)//すべてのラジオ ボタンと一致します
$( :checkbox)//すべてのチェックボックスに一致します
$(:submit)//すべての送信ボタンに一致します
$(:image)//すべての画像フィールドに一致します(
$( :reset)//すべてのリセット ボタンと一致します
$(:button)//すべてのボタンと一致します
$(:file)//すべてのファイル アップロード ドメインと一致します
$(:hidden)/ /すべての非表示要素またはタイプを持つ要素と一致しますhidden
$(:enabled)//使用可能なすべての入力要素と一致します。たとえば、radio:enabled は、使用可能なすべてのラジオ ボタンと一致することを意味します
$(:disabled) // 使用できないすべての入力要素と一致します。効果は逆です。上記
$(:checked) // 選択されたすべてのチェックボックス要素と一致します
$(:selected) // すべてのドロップダウンリストと一致します

9. 要素属性の設定と削除
$ ("Element").attr(name) '最初に一致する属性値を取得します (例: $("img").attr("src")
$("Element".attr(key,value)") '特定の要素の属性を設定します
$("Element".attr({key:value,key1:value,....})) '要素の複数の属性を一度に設定します
$("Element ").attr(key,function) '一致するすべての要素に対して計算された属性値を設定します
$("Element").removeAttr(name)//属性を削除します