ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryのオブジェクト配列elements_jqueryの操作方法を詳しく解説

jqueryのオブジェクト配列elements_jqueryの操作方法を詳しく解説

WBOY
リリース: 2016-05-16 16:30:00
オリジナル
1414 人が閲覧しました

コードは次のとおりです:

コードをコピーします コードは次のとおりです:


a
b
c

1. 間違ったメソッド : 次のように [] メソッドを使用して jquery オブジェクト配列を取得することはできません。

コードをコピーします コードは次のとおりです:
$(function() {
var div_span = $("#div1 スパン");
for( var i = 0; i < div_span.length; i ) {
div_span.[i].html(i);
}
});

これは機能しません。

2. jquery の eq() メソッド

を使用して、次のことを選択できます。

コードをコピーします コードは次のとおりです:
for( var i = 0; i < div_span.length; i ) {
div_span.eq(i).html(i);
}


3. each() メソッドを使用して :

を走査できます。

コードをコピーします コードは次のとおりです: $(function() {
var div_span = $("#div1 スパン");
var i = 0;
div_span.each( function(){
$(this).html(i);
私;
});
});



each() をトラバースするときに、$(this) を使用すると、jquery オブジェクトが取得されます。this を直接使用すると、DOM オブジェクトが取得されます。
4

。純粋な JS コードで取得された DOM オブジェクト配列

、[] を使用して配列要素を取得できます

最後の 3 つの方法は正しく、最初の方法は間違っています。今後同じ間違いを犯してはいけないことを強調したいからです。注意してください。

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