ホームページ  >  記事  >  ウェブフロントエンド  >  jquery のオブジェクト取得メソッドは、さまざまな一般的なタイプの object_jquery を処理するのに十分です

jquery のオブジェクト取得メソッドは、さまざまな一般的なタイプの object_jquery を処理するのに十分です

WBOY
WBOYオリジナル
2016-05-16 16:48:121186ブラウズ
(1) 基本的なオブジェクト取得

$("*")
全オブジェクト取得

$("#element")
としてIDを取得element オブジェクトは document.getElementById("element"); と同等です

$(".abc")
クラス abc のオブジェクトを取得します

$("div")
HTML 内のすべての div 要素を取得します

$("#a,.b,p")
ID a とクラス b およびすべての p 要素を取得します

$("# a .b p")
ID a、クラス b の要素配下の p 要素を取得

(2) 階層オブジェクトを取得

$("div> input")
div 下のすべての入力オブジェクトを取得します

$("div h")
div の直後の h 要素を取得します

$("div~p ")
要素 div 以降の p 要素をすべて取得

(3) 単純なオブジェクト取得

$("element:first")
最初の要素を取得$("div:frist") など、ページ上の要素の最初の div を表します

$("element:last")
ページ上の要素の最後の要素を取得します。 $("div:frist") などは最後の div を表します

$("element:not(selector)")
$("input:not(: check )") は、チェックされていないすべてのチェックボックスを表します

$("element:even")
要素要素の偶数行を取得します

$("element:odd")
Get要素の奇数行

$("element:eq(index)")
3 番目の div の $("div:el(2)") などの特定のインデックスを持つ要素を取得します

$("element:gt(index)")
指定されたインデックス値より大きいすべての要素に一致します

$("element:lt(index)")
すべてに一致します指定されたインデックスより小さい要素

$(":header")
H タグ付きの要素と一致します

$("element:animated")
一致しないすべての要素と一致しますアニメーション効果の実行

の要素 (4) コンテンツオブジェクトの取得とオブジェクトの可視性

$("Element:contains(text)")
のテキスト要素 特定の文字または文字列が含まれているかどうか

$("Element:empty")
テキストまたはサブ要素を含まない要素オブジェクトを取得します

$("Element: parent")
テキストまたはサブ要素を含むオブジェクト要素を取得します

$("Element:has(selector)")
特定の要素に $(" などの特定の要素が含まれるかどうかを照合しますp:has(span) ") は、span 要素を含むすべての p 要素を意味します

$("Element:hidden")
は、display:none および入力属性が hidden である要素を含む、すべての非表示の要素と一致します

$("Element:visible")
すべてのコースウェア要素と一致する

(5) 高度なオブジェクト取得

$("Element[id] ")
id 属性を持つすべての要素を取得します

$("Element[attribute=abcd]")
abcd 属性を持つすべての要素を取得します

$("Element [ attribute!=abcd]")
属性が abcd ではない要素をすべて取得

$("Element[attribute^=ab]")
属性が ab で始まる要素をすべて取得

$("Element[attribute$=ab]")
ab で終わる属性を持つすべての要素を取得します

$("Element[attribute*=ab]" )
ab を含む属性を持つすべての要素を取得します

$("Element[selector1][selector2][...]")
$(" input[id][ などの属性セレクターに準拠します) name][value=abcd]") は、ID、名前、値 abcd を持つ入力要素を取得することを意味します

(6) サブ要素の取得

$("要素:nth-child(index)")
親の下の N 番目の子要素を選択します。インデックスは 1 から始まります
:nth-child(even) Even
:nth-child(odd) 奇数
:nth-child(3n) 式
:nth-child(2) インデックス
:nth-child(3n 1) 式

$(" 要素:first-child")
親の下にある最初の子要素

$("Element:last-child")
親の下にある最後の子要素

$("Element:only-child" ")
親の下にある唯一の子要素

(7) フォームオブジェクトの取得

$(:input)
入力とのみ一致可能要素タイプ入力ボタン テキストエリアを選択

$(:text)
現在の行のすべてのテキスト ボックス

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

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

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

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

$( :image)
すべての画像フィールド
$(:reset)
すべてのリチャージ ボタン

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

$(:file)
すべてのファイル アップロード フィールド

$(:hidden)
すべての非表示要素または非表示タイプの要素

$(:enabled)
使用可能なすべての入力要素

$(:disabled)
すべての無効化可能な入力要素

$(:checked)
すべてのチェックボックス要素

$(:selected)
すべてのドロップダウンtables

(8) 要素属性の設定と削除

$("Element").attr(name)
最初に一致した要素の属性値を取得$("img").attr("src"); など

$("Element") .attr({key:value,key:value,...})
複数設定要素の属性を一度に設定します

$("Element").attr(key, value)
要素の属性を設定します

$("Element").attr(key ,function)
一致するすべての要素に計算された属性を設定します

$ ("Element").removeAttr(name)
属性を削除します
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。