jqueryのeq()とget()の違いは何ですか-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2022-03-11 11:42:17

オリジナル

2436 人が閲覧しました

違い: 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>

ログイン後にコピー

<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 サイトの他の関連記事を参照してください。