jqueryオブジェクトとDOMオブジェクトを相互に変換するにはどうすればよいですか?

この記事では、jquery オブジェクトと DOM オブジェクトの変換について紹介します。必要な方は参考にしていただければ幸いです。

前回の記事jquery オブジェクトと DOM オブジェクトの違いは何ですか? では、jquery オブジェクトと DOM オブジェクトも簡単に紹介します。jquery オブジェクトと dom オブジェクトは異なることを理解しています。たとえば、jquery オブジェクトは dom メソッドを使用できず、dom オブジェクトは jquery メソッドを使用できません。では、jquery が必要なメソッドをカプセル化しない場合はどうすればよいでしょうか。この時点で、jquer オブジェクトを dom オブジェクトに変換できます。

それでは、jquery オブジェクトがどのように DOM オブジェクトに変換されるかを直接見てみましょう。

jquery オブジェクトを DOM オブジェクトに変換するこれを実現するには、[index] と get(index) の 2 つの方法があります。これら 2 つを個別に見てみましょう。このメソッドの実装

jQuery オブジェクトを DOM オブジェクトに変換する最初の方法: [index] メソッドを使用します

jQuery オブジェクトはデータ オブジェクトです。 [index]index] メソッドを介して渡すと、対応する DOM オブジェクトを取得できます。

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

jQuery オブジェクトを DOM オブジェクトに変換する 2 番目の方法: get(index) メソッドを使用します

jQuery 自体は、.get(index) メソッドを通じてそれを提供します。対応する DOM オブジェクトを取得します。

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

jquery オブジェクトから DOM オブジェクトへの変換について読んだ後、DOM オブジェクトを jquery オブジェクトに変換する方法を見てみましょう。

DOM オブジェクトを jquery オブジェクトに変換するには、DOM オブジェクトを $() でラップするだけで、変換後に jQuery の任意のメソッドを使用できます。

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

上記はこの記事の全内容です。jquery オブジェクトと dom オブジェクトに関するさらに興味深い内容については、次の jquery マニュアルと javascript マニュアル#を参照してください。 php 中国語 Web サイト ##もっと学びましょう! ！ ！

以上がjqueryオブジェクトとDOMオブジェクトを相互に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。