ホームページ > 記事 > ウェブフロントエンド > jqueryのeq()とget()の違いは何ですか
jqueryのeq()とget()の違いは何ですか
- 青灯夜游オリジナル
- 2022-03-11 11:42:172412ブラウズ
違い: 1. eq() メソッドは jquery オブジェクトを返しますが、get() メソッドは js オブジェクトを返します; 2. eq メソッドは他の jquery メソッドと直接使用できますが、get()メソッドを直接使用するには、jquery メソッドを使用する前に戻り値を jquery オブジェクトに変換する必要があります。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery の eq() と get() の違い
以前は eq メソッドと get メソッドを何気なく使用していましたが、違い:
eq メソッドは jquery オブジェクトを返しますが、get メソッドは js オブジェクトを返します; jquery オブジェクトは jquery メソッドを使用できますが、js オブジェクトは js ネイティブ メソッドのみを使用できますが、jsオブジェクトはそれを jquery オブジェクトに変換し、jquery メソッドを使用できます。例: 特定の要素のバックカラーにアクセスします:
①eq メソッドを使用します: $("dv").eq(0) ).css("backcolor ")
②get メソッドを使用します: $("dv").get(0).style.backcolor
では、例を使用して説明します。
最初に、JQuery ライブラリ ファイル
html
<body>
<ul id="ul">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<input type="button" value="click" id="b1">
</body>js
<script>
$("#b1").on("click",function(){
var $obj = $("#ul li");
$obj.eq(1).css("color","yellow");
$obj.get(2).css("color","red");
})
</script>を導入します。この時点で、次の 2 番目の li をクリックします。ボタン、つまり item2 のフォントは yellow に変わりますが、item3 は赤にならず、次のエラーが報告されました:
このエラーは、$obj がこれは DOM オブジェクトの配列なので get() メソッドがありますが、get() メソッドがないので、どうすれば JQuery オブジェクトに変換できますか?
$obj.get( を変更するだけです。 2) $($obj.get(2)) 、
<script>
$("#b1").on("click",function(){
var $obj = $("#ul li");
$obj.eq(1).css("color","yellow");
$($obj.get(2)).css("color","red");
})
</script>ボタンをもう一度クリックすると、次の画面が表示されます:
Verificationこの例の後、誰もが eq() と get( ) メソッドを明確に理解できるようになると思います。
最後に、上記の html
<script>
$("#b1").on("click",function(){
var $obj = $("#ul li");
var obj1 = $obj.get(1);
var obj2 = $obj[1];
if(obj2===obj1){
alert(111);
}else{
alert(222);
}
})
</script>に基づいて拡張機能を作成しましょう。どれがポップアップするかわかりますか?
検証した結果、ポップアップは 111 であるため、次の結論を導き出すことができます: $obj.get(1) および $obj[1]、ここでは、同じ意味で使用できます。
Jquery オブジェクトと Dom オブジェクトの変換メソッド:
##1.jquery オブジェクト——>Dom オブジェクト:
2 つの方法があります: ①jquery object.get(0)例:var v = $("#id").get(0);//Dom对象②jquery object[0]例: var v = $("#id")[0];//Dom对象
2.Dom オブジェクト—>jquery オブジェクト:
$(Dom オブジェクト)、例:var $v =$(document.getelementbyid("id"));//jquery对象[推奨学習 ：jQuery ビデオ チュートリアル 、Web フロントエンド ビデオ ]
以上がjqueryのeq()とget()の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。