jQuery オブジェクトと DOM オブジェクトを相互に変換する_jquery

DOM オブジェクトは、JavaScript に固有のオブジェクト操作の一部です。 DOM オブジェクトは JavaScript 固有のメソッドを使用できますが、jQuery のメソッドは使用できません。例: document.getElementById("img").src="test.jpg"; document.getElementById("img") は DOM オブジェクトです。 , "test.jpg"); と document.getElementById("img").src="test.jpg";
は同等で正しいですが、 は $("#img").src ="test .jpg"; または document.getElementById("img").attr("src","test.jpg"); は両方とも間違っています。

例について説明します。これは、jQuery を書くとき、よく次のように書きます: this.attr("src","test.jpg"); しかし、これはエラーです。実際、これは DOM オブジェクトであり、.attr("src","test.jpg") は jQuery メソッドであるため、何か問題が発生しました。この問題を解決するには、DOM オブジェクトを $(this).attr("src","test.jpg");

などの jQuery オブジェクトに変換する必要があります。

1. DOM オブジェクトを jQuery オブジェクトに変換します:

DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで jQuery オブジェクトを取得できます。 $(DOM オブジェクト)

例: var v=document.getElementById("v") //DOM オブジェクト

var $v=$(v); 🎜 >
変換後は、jQuery メソッドを自由に使用できます。

2. jQuery オブジェクトを DOM オブジェクトに変換します: jQuery オブジェクトを DOM オブジェクトに変換する 2 つの変換メソッド: [index] と .get(index);

(1) jQuery オブジェクトは、[index] を通じて使用できるデータ オブジェクトです。 ] メソッドを使用して、対応する DOM オブジェクトを取得します。

例: var $v =$("#v"); //jQuery オブジェクト

var v=$v[0]; //DOM オブジェクト

alert (v.checked) //このチェックボックスが選択されているかどうかを検出します

(2) jQuery 自体は、.get(index) メソッドを通じて、対応する DOM オブジェクト

を取得します。 as: var $v =$("#v"); //jQuery オブジェクト

var v=$v.get(0); //DOM オブジェクト

alert(v.checked) ) //チェックボックスが選択されているかどうかを検出します