ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery配列とは何ですか?どのように機能するのでしょうか?

jQuery配列とは何ですか?どのように機能するのでしょうか?

伊谢尔伦
リリース: 2017-06-17 10:05:35
オリジナル
1478 人が閲覧しました

配列のようなものとは何ですか?

jQUeryオブジェクトには配列のような要素のパッケージ化セットがあり、このセットはjsの配列のような長さ属性を持つため、これを配列のようなセットと呼びます。

多くの場合、JQuery の $() 関数はデータと同様の JQuery オブジェクトを返します。たとえば、$(‘div’) は div 内のすべての div 要素でラップされた JQuery オブジェクトを返します。この場合、JQuery は、JQuery オブジェクトを操作するために一般的に使用されるいくつかの プロパティとメソッド を提供します。

length: このプロパティは、JQuery に含まれる DOM 要素の数を返します。

context: このプロパティは、JQuery オブジェクトを取得するために渡されたコンテキスト パラメーターを返します。

JQuery: このプロパティは、JQuery のバージョンを返します。

each(fn(index)): このメソッドは、fn を使用する反復関数です。反復する関数 JQueryに含まれる各要素を処理します。

get(): このメソッドは、JQuery に含まれるすべての DOM 要素で構成される配列を返します。

get(index): このメソッドは、JQuery に含まれる Index+1 番目の DOM 要素を返します。

toArray(): これは、JQuery オブジェクトに含まれるすべての DOM オブジェクト をデータに変換します。

jQueryで配列のようなオブジェクトを操作するにはどうすればよいですか?

jQuery が提供する利用可能なメソッドを見てみましょう:
Size(): 明らかに、$('a') などのパッケージ セット内の要素の数を返す必要があります。size() はリンクを表します。 elements;

get(index):index が指定されていない場合、デフォルトでパッケージング セット内のすべての要素が取得され、js の配列として返されます。index が指定されている場合は、$( など) のインデックスに対応する要素が返されます。 'img[title]').get(0) は属性 title を含む最初の img 要素を返します。これは $('img[title]')[0] と同等です

index(elem): 添え字を返しますパッケージング セット内の要素 elem の値、または要素が見つからない場合は -1

add(String|elem|Array): パラメーターが jQuery セレクターの場合、パラメーター内の要素をパッケージング セットに追加します。 html 要素 の場合、一致するすべてのオブジェクトがコレクションに追加されます。dom 要素または dom 要素の配列の場合は、コレクションに追加されます。コレクションに直接追加できます。注 返されるのは追加されたパッケージ セットです。たとえば、$('img[alt]','img[title]') は $('img[alt]') と同等です。 ('img[title]') 返される alt 属性を含む img 要素、または title 属性を含む img 要素
not(String|elem|Array): パラメータの条件を満たす要素 を削除します。パッケージ化セット パラメータは、、つまり $('img[title]').not('title*=puy' など) で始まる式のみをフィルタリングできることに注意してください。 )、title 属性を含む img 要素を返し、これらの要素の title 属性には puy テキストが含まれます。返されるのはフィルターされたパッケージング セットです。
filter(String|function): 受信パラメータが String 型の場合、式は、セレクターに一致しないパッケージ セット要素からすべての文字を削除するために使用されるフィルタリング式でもある必要があります。関数が渡された場合、この関数はパッケージ セット内の各要素に対して呼び出されます。この関数が false を返した場合、その要素はパッケージング セットから削除されます。関数内で this キーワードを渡して、その時点で呼び出しメソッドをラップする要素 (たとえば、$('td')) を呼び出すことができます。 filter(function(){return this.innerHTML.match(/^"d+$/)}) は、数値 td 要素である td 内のすべての内容を返します;
Slice(begin,end): 新しいパッケージング セットを作成して返します。このパッケージング セットは元のパッケージング セットの連続部分であり、新しいパッケージング セットの最初の要素は元のパッケージング セットの開始位置の要素であり、最後の要素は終了位置要素の前の要素です。 end を指定する必要はありません。その場合、$('*').slice(2,3) などの元のパッケージング セットの末尾まで拡張されます。このステートメントは、ページ要素上のすべての要素を選択して保存します。元のパッケージング セットの 3 番目の要素を含む新しいパッケージング セット。この $('*').get(2) は要素を返しますが、slice メソッドはパッケージング セットの操作を返します。 ;


childen(): $('div') など、元のパッケージング セット要素 (テキスト ノードを除く) のすべての異なる子要素で構成される新しいパッケージング セットを返します。children() は、div 要素 A の下にあるすべての子要素を返します。新しいパッケージング セット; パラメーターが指定されている場合、パラメーターはフィルター式でもあります。
Contents(): 元のパッケージング セット要素のコンテンツの新しいパッケージング セットを返します (テキスト ノードを含めることはできません)。フィルタリング用のパラメータを受け入れる;
next(): 元のパッケージング セット要素のすべての一意の次の兄弟要素で構成される新しいパッケージング セットを返します。パラメータが指定されている場合、そのパラメータは $('div# などのフィルタ式でもあります)。 someDiv').next() ID が someDiv の div 要素の次の兄弟要素を含むラッピング セットを返します。パラメータが指定されている場合、パラメータはフィルタ式でもあります。
nextAll(): すべてを含む新しいラッピング セットを返します。元のラッピング セット要素の後続の兄弟。たとえば、$('div#someDiv').nextAll() は、パラメータが指定されている場合、id が someDiv である div 要素の次の兄弟要素を含む新しいパッケージング セットを返します。はフィルター式でもあります。


parent(): 元のパッケージング セット内のすべての要素の唯一の直接の親要素の新しいパッケージング セットを返します。パラメーターが指定されている場合、そのパラメーターはフィルター式でもあります。 ): 元のパッケージング セット内のすべての要素の祖先要素の新しいパッケージング セットを返します。パラメーターが指定されている場合、そのパラメーターはフィルター式でもあります。
prev(): すべての一意の要素で構成される新しいパッケージング セットを返します。元のパッケージング セット要素の前の兄弟要素。パラメーターが指定されている場合、そのパラメーターはフィルター式でもあります。パラメータが指定されている場合、パラメータはフィルタ式でもあります。
siblings(): 元のラッピング セット要素の一意の兄弟要素をすべて含む新しいラッピング セットを返します。パラメータが指定されている場合、パラメータは次のように構成されます。フィルター式も;
find(String): 渡されたセレクター式に一致する元のパッケージング セット内のすべての要素を含む新しいパッケージング セットを返します。また、元のパッケージング セット内の要素の子孫も新しいパッケージングに渡されます。 set;
contains(text): text パラメータとして渡されたテキスト
string
を含む要素で構成される新しいパッケージ セットを返します
is(String ): パッケージ セットに String 一致する要素が含まれている場合は true を返し、そうでない場合は返します。 false; clone(copyHandle): 受信パラメータが true の場合、イベントは一緒にコピーされます。それ以外の場合、イベントはコピーされず、新しいパッケージが設定されます。前のパッケージングセットに戻るためのチェーン andSelf(): コマンドチェーン内で最近生成された 2 つのパッケージングセットをマージします。

以上がjQuery配列とは何ですか?どのように機能するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート