これら2つのメソッドは、JavaScriptのネイティブ配列メソッドのように、ノデリストを変更します。 push unshift Array#pushArray#unshift length

は再帰的な方法なので、これらの配列は私たちが望むほど深く、平らになる可能性があります。ただし、通過した配列の要素がノード、ノデリスト、またはhtmlCollectionでない場(chǎng)合、エラーが発生します。 concat

javascriptのconcatメソッドと同様に、新しいノデリストを返します。

[].forEach.call(document.querySelectorAll('div'), function(node) {
    // do something
});

、concat、

、concat、Array#concat、

popおよびshiftメソッドの両方がオプションのパラメーターを使用して、ノードリストからポップまたはシフトするノードの數(shù)を示します。 JavaScriptのネイティブmapまたはsliceとは異なり、後者は常にパラメーターとして渡されるものに関係なく、常に配列內(nèi)の要素をポップアップ表示またはシフトします。 filter

popshiftおよびArray#popメソッドは、実際の配列で行うのと同じことを行いますが、ノデリストを返します。 Array#shift

から直接継承しないため、nodeList.jsをロードするときにmapにメソッドを追加すると、継承されません。

ここで、Nodelist.jsの殘りの配列メソッドを表示できます。 slice filter特別な方法

nodeList.jsには、4つの一意の方法と、Array.prototypeと呼ばれるプロパティがあります。 Array.prototype

メソッド：

ownerいくつかの要素には、そのタイプの要素に固有の屬性があります（たとえば、アンカータグのprevObject屬性）。これが、

メソッドを使用する方法です。

var nodes = document.querySelectorAll('div');
nodes.forEach(function(node) {
  // do something
});
// 錯(cuò)誤：nodes.forEach 不是函數(shù)

setメソッドを使用して、各要素のこれらのプロパティを設(shè)定できます。

var nodes = document.querySelectorAll('div');
for(var i = 0, l = nodes.length; i < l; i++) {
  // do something with nodes[i]
}

ノデリストを返して、メソッドチェーンを許可します。 setなどで使用できます（両方とも同等）：textContent

[].forEach.call(document.querySelectorAll('div'), function(node) {
    // do something
});

var nodes = document.querySelectorAll('div');
nodes.item(0) === nodes[0]; // true

style

var buttons = document.querySelectorAll('button'); // 返回瀏覽器無用的 NodeList
for(var i = 0, l = buttons.length; i < l; i++) {
  buttons[i].textContent = 'Click Me';
}

callメソッドでは、要素固有のメソッドを呼び出すことができます（たとえば、ビデオ要素で

call pause

$('button').text('Click Me');

itemメソッドは、jQueryの

item eq

$$('button').textContent = 'Click Me';

owner屬性は、jqueryの

ownerprevObjectスタイルアレイを返し、

$$('button').set('textContent', 'Click Me');

nodeList.js互換性btns.style owner私のライブラリは、以下に説明するように、すべての主要な新しいブラウザと互換性があります。 style

バージョンfirefox6 safari 5.0.5 chrome6 < ??ie 9 opera 11.6 < 結(jié)論 これで、最終的に便利なノデリストオブジェクトを使用できます！ 約4Kの圧縮サイズの場(chǎng)合、上記のすべてを取得します。これについては、nodeList.jsのgithubリポジトリで學(xué)ぶことができます。 nodelist.jsは依存関係としてブラウザを使用するため、アップグレードは必要ありません。ブラウザが新しいメソッド/屬性をDOM要素に追加するたびに、これらのメソッド/屬性をnodeList.jsを介して自動(dòng)的に使用できます。これはすべて、心配する必要がある唯一の非推測(cè)はブラウザ削除方法だけであることを意味します。これらは通常、Webを壊すことができないため、非常に低い使用方法です。 それで、あなたはどう思いますか？このライブラリを使用することを検討しますか？重要な機(jī)能はありませんか？以下のコメントであなたのコメントを聞いてみたいです。 nodeList.js

ノデリストとHTMLCollectionの違いは何ですか？

ノデリストとhtmlCollectionはどちらもノードコレクションです。それらの主な違いは、ノデリストが任意のノードタイプを含めることができることですが、HTMLCollectionは要素ノードのコレクションです。 HTMLCollectionも動(dòng)的です。つまり、ドキュメント構(gòu)造が変更されると自動(dòng)的に更新されます。一方、NodeListは靜的であり、ドキュメントの変更を反映するために更新しません。

ノデリストを配列に変換する方法は？

var nodes = document.querySelectorAll('div');
nodes.forEach(function(node) {
  // do something
});
// 錯(cuò)誤：nodes.forEach 不是函數(shù)

jQueryセレクターは、通常の要素ではなくprevobjectを返すのはなぜですか？

JQueryのチェーンメカ??ニズムは、変更を加える前に以前のオブジェクトを保存することにより機(jī)能します。これにより、.end()メソッドを使用して以前の狀態(tài)に復(fù)元できます。実際のDOM要素を取得したい場(chǎng)合は、.get()メソッドまたは配列表記を使用できます。

ノデリストをループする方法は？

for loop、for ... of loop、またはforEach()メソッドを使用して、ノデリストをループすることができます。以下は、forループを使用した例です：

var nodes = document.querySelectorAll('div');
for(var i = 0, l = nodes.length; i < l; i++) {
  // do something with nodes[i]
}

jQueryでの.prev（）メソッドの使用は何ですか？

jQueryの.prev()メソッドは、前の兄弟のすぐ隣の選択した要素を選択するために使用されます。セレクターが提供されている場(chǎng)合、以前の兄弟要素は、セレクターが一致している場(chǎng)合にのみ取得されます。

jQueryは2022年にまだ関連していますか？

jQueryは発売時(shí)のゲームチェンジャーでしたが、最新のJavaScriptエコシステムは大幅に変化しました。 JQueryを人気にする機(jī)能の多くは、JavaScript自體に組み込まれています。ただし、JQueryは依然として広く使用され、維持されており、一部のプロジェクトには適した選択かもしれません。

ノデリストから特定のノードを選択する方法は？

配列表記またはitem()メソッドを使用して、NodeListから特定のノードを選択できます。それを行う方法は次のとおりです

[].forEach.call(document.querySelectorAll('div'), function(node) {
    // do something
});

指定されたCSSセレクターに一致するドキュメントの最初の要素を返し、querySelectorはCSSセレクターに一致するすべての要素のノデリストを返します。 querySelectorAll

プロパティをチェックして、Nodelistが空であるかどうかを確認(rèn)できます。長(zhǎng)さが0の場(chǎng)合、ノデリストは空です。それを行う方法は次のとおりです length

以上がjQueryの膨満感を失いますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。