検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery Tips(3) $() パッケージの要素の変更について set_jquery

JQuery Tips(3) $() パッケージの要素の変更について set_jquery

WBOY
WBOYオリジナル
2016-05-16 18:39:13853ブラウズ

これら 2 つのメソッドは比較的混同しやすいものです。
filter メソッドは、ブール値を返す関数、またはセットのみをラップする JQuery 選択式の 2 つのパラメータを受け取ります。現在のパッケージング セット内の要素以下であり、含まれる要素は元のパッケージング セット内の要素のサブセットに属します:

コードをコピー コードは次のとおりです。

the one

2 つ


3 つ


<スクリプトタイプ="text/javascript" >
alert($("div").filter(":not(:first):not(:last)").html()); //out put

the two


alert($("div").filter(function() { return this.id == "two"; }).html());//output

the two




find メソッドは、現在の要素 (サブ要素) 内を検索し、新しいパッケージング セットを返します。増加する可能性があります:
コードをコピー コードは次のとおりです:

the one

the two

gt;

;

the 3





親メソッドの場合、現在の要素以降のすべての一致する要素が新しい要素に追加されます。最も近いメソッドには現在の要素に最も近い要素のみが含まれるため、最も近いメソッドを使用した後、現在のパッケージング セット内の要素は 1 または 0 のみになります。
親メソッドには含まれません。要素
直接の子要素 ​​VS すべての子要素 ​​
直接の子要素を返すには子を使用し、検索プラス ワイルドカードを使用して、現在のパッケージ セット内の要素を返します。テキスト ノードを除くすべての子要素を返します:



コードをコピー


コードは次のとおりです:
< ;div id="wrapper"> ここにテキスト ノード



children メソッドには現在の要素の直接の子要素のみが含まれることがわかり、すべての直接の子要素を採用したい場合は find(">* も同じ効果を生成します") を使用します。 、find"* "Wildcard 内で直接渡します。
過去の end() メソッドと andself() メソッドに戻ります。
上記のすべてのメソッドと、add()、next()、nextAll()、 prev() などは、パッケージ セット内の要素に対して操作を実行します。 変更されたメソッドは、end() メソッドを使用して次の値を返すことができます。
コードをコピー コードは次のとおりです:


ここにテキスト ノード
>






end() メソッドは常にラッパー セットを変更した最新のメソッドをオフセットし、他のメソッドもオフセットします:


コードをコピーします コードは次のとおりです。


div>



必要に応じて変更 セット内の要素をラップするときは、andself メソッドを使用して元の要素もラッピング セットに含める必要があります:



コードをコピーします

コードは次のとおりです: ここにテキスト ノード