jQueryの膨満感を失います

これら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メソッドの両方がオプションのパラメーターを使用して、ノードリストからポップまたはシフトするノードの数を示します。 JavaScriptのネイティブmapまたはsliceとは異なり、後者は常にパラメーターとして渡されるものに関係なく、常に配列内の要素をポップアップ表示またはシフトします。 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
});
// 错误：nodes.forEach 不是函数

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

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 < 結論 これで、最終的に便利なノデリストオブジェクトを使用できます！ 約4Kの圧縮サイズの場合、上記のすべてを取得します。これについては、nodeList.jsのgithubリポジトリで学ぶことができます。 nodelist.jsは依存関係としてブラウザを使用するため、アップグレードは必要ありません。ブラウザが新しいメソッド/属性をDOM要素に追加するたびに、これらのメソッド/属性をnodeList.jsを介して自動的に使用できます。これはすべて、心配する必要がある唯一の非推測はブラウザ削除方法だけであることを意味します。これらは通常、Webを壊すことができないため、非常に低い使用方法です。 それで、あなたはどう思いますか？このライブラリを使用することを検討しますか？重要な機能はありませんか？以下のコメントであなたのコメントを聞いてみたいです。 nodeList.js

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

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

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

var nodes = document.querySelectorAll('div');
nodes.forEach(function(node) {
  // do something
});
// 错误：nodes.forEach 不是函数

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

JQueryのチェーンメカ​​ニズムは、変更を加える前に以前のオブジェクトを保存することにより機能します。これにより、.end()メソッドを使用して以前の状態に復元できます。実際の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は発売時のゲームチェンジャーでしたが、最新のJavaScriptエコシステムは大幅に変化しました。 JQueryを人気にする機能の多くは、JavaScript自体に組み込まれています。ただし、JQueryは依然として広く使用され、維持されており、一部のプロジェクトには適した選択かもしれません。

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

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

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

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

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

以上がjQueryの膨満感を失いますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。