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

は再帰的な方法なので、これらの配列は私たちが望むほど深く、平らになる可能性があります。ただし、通過した配列の要素がノード、ノデリスト、またはhtmlCollectionでない場合、エラーが発生します。 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の圧縮サイズの場合、上記のすべてを取得します。これについては、nodeList.jsのgithubリポジトリで學(xué)ぶことができます。 nodelist.jsは依存関係としてブラウザを使用するため、アップグレードは必要ありません。ブラウザが新しいメソッド/屬性をDOM要素に追加するたびに、これらのメソッド/屬性をnodeList.jsを介して自動的に使用できます。これはすべて、心配する必要がある唯一の非推測はブラウザ削除方法だけであることを意味します。これらは通常、Webを壊すことができないため、非常に低い使用方法です。 それで、あなたはどう思いますか？このライブラリを使用することを検討しますか？重要な機(jī)能はありませんか？以下のコメントであなたのコメントを聞いてみたいです。 nodeList.js

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

ノデリストとhtmlCollectionはどちらもノードコレクションです。それらの主な違いは、ノデリストが任意のノードタイプを含めることができることですが、HTMLCollectionは要素ノードのコレクションです。 HTMLCollectionも動的です。つまり、ドキュメント構(gòu)造が変更されると自動的に更新されます。一方、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要素を取得したい場合は、.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()メソッドは、前の兄弟のすぐ隣の選択した要素を選択するために使用されます。セレクターが提供されている場合、以前の兄弟要素は、セレクターが一致している場合にのみ取得されます。

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)できます。長さが0の場合、ノデリストは空です。それを行う方法は次のとおりです length

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