jqueryオブジェクトをdomオブジェクトに変換する方法

方法: 1.「obj[index]」メソッドを使用します。構文は「jquery object [jQuery オブジェクト内の DOM オブジェクトのインデックス]」です。2.「obj.get(index)」を使用します。 )」メソッドの構文は、「jquery object.get(jQuery オブジェクト内の DOM オブジェクトのインデックス).innerHTML」です。

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery オブジェクトを dom オブジェクトに変換する方法

jQuery オブジェクトは配列のようなオブジェクトであり、内部では DOM オブジェクトを配列要素として使用します。 jQuery オブジェクトを DOM オブジェクトに変換するには、「obj[index]」と「obj.get(index)」の 2 つの方法があります。ここで、index は jQuery オブジェクト内の DOM オブジェクトのインデックスを表します。これら 2 つの変換方法については、以下で説明します。

(1)obj[index]

obj[index]メソッドによりjQueryオブジェクトをDOMオブジェクトに変換するサンプルコードは以下の通りです。

<div>第1个div</div>
<div>第2个div</div>
<script>
//获取jQuery对象
var divs = $(&#39;div&#39;);
//通过索引的方式，将jQuery对象转换成DOM对象
var div1 = divs[0];
var div2 = divs[1];
//输出div元素的内容
alert(div1.innerHTML);    //输出结果:第1个div
alert(div2. innerHTML);    //输出结果:第2个div
</script>

上記のコードからわかるように、jQuery オブジェクトには複数の DOM 要素を含めることができ、インデックス作成を通じて特定の DOM オブジェクトを取得できます。

(2) obj.get(index)

obj.get(index)メソッドによりjQueryオブジェクトをDOMオブジェクトに変換するサンプルコードは以下のとおりです。

<div>第1个div元素</div>
<script>
var result = $(&#39;div&#39;).get(0).innerHTML;
alert(result);    //输出结果:第1个div元素
</script>

ビデオ チュートリアルの推奨: jQuery ビデオ チュートリアル

以上がjqueryオブジェクトをdomオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。