ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのeq()とget()の違いは何ですか

jqueryのeq()とget()の違いは何ですか

青灯夜游
青灯夜游オリジナル
2022-03-11 11:42:172408ブラウズ

違い: 1. eq() メソッドは jquery オブジェクトを返しますが、get() メソッドは js オブジェクトを返します; 2. eq メソッドは他の jquery メソッドと直接使用できますが、get()メソッドを直接使用するには、jquery メソッドを使用する前に戻り値を jquery オブジェクトに変換する必要があります。

jqueryのeq()とget()の違いは何ですか

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。