JQuery API で JQuery を学ぶパート 3 Filtering_jquery

1. Filter
eq (インデックス) この関数と基本的な関数を見てください: eq は同じように見えます (実際には同じです)
たとえば、

1 があります。

1

を選択してから、$(“div”).eq(1) または $(“div:eq(1)”)
を使用して 2 番目の div を選択できます。効果は同じです

hasClass(class) は、現在の要素にクラスが含まれているかどうかを判断するために使用されます。これは is("." class) と同じです。 is() 関数が何であるかを見てみましょう。式を使用して、現在選択されている要素のセットを確認し、少なくとも 1 つの要素が指定された式に一致する場合に true を返します。 is(expr) のパラメータはセレクタのパラメータです。

filter(expr) は、一致する式を持つ要素のセットを選択するために使用されます。ただし、 is が返される bool 型であり、フィルターが範囲を狭めるために使用される点が異なります。 .filter のパラメータは関数にすることができ、関数の戻り値が true の場合、ノードは保持されます。実際には、オブジェクトをループして、不要なオブジェクトを削除します。たとえば、

asdf

2343

がある場合、クラス aa のものを選択し、そのテキストをテキストの段落に変更します
$("p").filter(function( ) { return $( this).hasClass("aa") }).text("selected thing")

not(txpr) は、一致する要素を削除するために使用されます。これは前のものと同じです。 not()
slice(start,[end]) は、始点から終点まで、ない場合は終点となるセグメントを選択します end
$("p").slice(0, 1), いつも思うのですがこの関数の 2 番目の部分 変数を num から開始する場合は、最初の num を選択するのがよいでしょう。

2 Search
add(expr) 式に一致するオブジェクトを元のオブジェクトに追加します。 $("#id, .cs" )
同じ効果を持つ $("#id").add(".cs") として記述することもできます
Children([expr]) はすべての子要素のセットを取得します
Contents() は、一致する要素の子ノードをすべて検索します。 iframe の場合は、ドキュメントのコンテンツを検索します。これは、テキスト エディターなど、iframe 内のコンテンツを変更するために簡単に使用できます。 。
find(expr) は、指定された式に一致するコンテンツを検索します。これは、セレクターを使用して実装することもできます。たとえば、$("ul").find("li") と記述することもできます。 ")
next(expr) は、兄弟要素の中から直後の要素を検索します。これは b のセレクター形式です。たとえば、$("div p") の後に div が続き、その後にp タグ。もちろん $("div") も使用できます。 next("p")
nextAll() は後続のすべての兄弟要素を検索します。これは $("div~p と同じです。 ") と $("div").nextAll("p") は同じです。
Prev([expr]) はすぐ隣の兄弟要素の前の要素を取得します。これは next()PrevAll([expr]) は前の要素をすべて取得します。これは nextAll()
Siblings([expr]) の逆です。この関数は nextAll() と prevAll() の合計である必要があります

offsetParent() は最初の要素の親ノードを返します。なぜこれが最初の要素なのでしょうか? 実装は Parent() ですが、多くのチュートリアルでは、jquery オブジェクトを区別する必要があることが強調されています。 JQuery オブジェクトと JS オブジェクト。実際、Jquery オブジェクトは配列配列であるため、配列の値を取り出す場合は、最初と最後の価格インデックスを使用する必要があります。 0] を使用して最初のオブジェクトを取得します。
Parent(expr) は、すべての要素に含まれる親要素を取得します。jquery オブジェクトは配列であるため、複数のノードが含まれる可能性があることがわかっています。次に、これらの複数のノードの共通の親ノードを見つける必要があります。 2 人がいるのと同じように、1 人は湖北省出身で、もう 1 人は河南省出身です。つまり、彼らは両方とも中国出身です。もちろん、パラメータの親 (湖北省) を入力することもできます。その場合、最終的に取得されるノードは湖北省です。


3 連結 連結には andSelf() と end() の 2 つの関数しかありません
andSelf() は、以前に選択した要素を現在の要素に追加します。この説明は読むのは少し複雑です。ここで、Jquery のチェーン操作について触れておく必要があります。たとえば、中国-湖北を選択すると、湖北ノードが取得され、andSelf() を使用して中国を追加します。これは、これまでにフィルタリングしたことのない要素を操作する場合に非常に便利です。
end() は最後の「破壊的」操作に戻ります。それでは、コレクションに対して次の操作を実行することです。
例として、先ほど説明した next() を見てみましょう。 $("div p") で完了できる操作を $("div").next("p") と記述する必要がある理由を知ってください。