Jquery オブジェクトと Dom オブジェクトの違いの分析_jquery

議論する前に、変数を定義するスタイルについて合意しましょう。

取得したオブジェクトが jQuery オブジェクトの場合は、変数の前に $ を追加します。例:

コードをコピーします コードは次のとおりです:

var $variable = jQuery オブジェクト

DOM オブジェクトが取得された場合は、次のように定義されます:

コードをコピーします コードは次のとおりです:

var 変数 = DOM オブジェクト

jQuery オブジェクトは DOM 内のメソッドを使用できませんが、jQuery オブジェクトが提供するメソッドに慣れていない場合、または jQuery が必要なメソッドをカプセル化していないため、DOM オブジェクトを使用する必要がある場合は、次の 2 つのメソッドがあります。 jQuery には、jQuery オブジェクトを DOm オブジェクトに変換する 2 つのメソッド、[index] と get(index) が用意されています。

1. jQuery オブジェクトは配列オブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

コードをコピーします コードは次のとおりです:

var $cr = $("#cr") //jQuery オブジェクト
var cr = $cr[0] //DOM オブジェクト
alert(cr.checked) //このチェックボックスがチェックされているかどうかを確認します

2. get(index) メソッドを通じて、対応する DOM オブジェクトを取得します。

コードをコピーします コードは次のとおりです:

var $cr = $("#cr");
var cr = $cr.get(0);
アラート(cr.checked);

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

コードをコピーします コードは次のとおりです:

var cr = document.getElementByID("cr"); //DOM オブジェクト
var $cr = $(cr);

概要:

1. jQueryのgetメソッドは実際にDom要素($(this).get(0)と$(this)[0])を取得します

2. jQuery メソッドの eq、first、last、およびその他のメソッドはすべて Jquery オブジェクトとして返されます

3. DOM 内のメソッドを使用できるのは DOM オブジェクトのみです。jQuery オブジェクトは DOM 内のメソッドを使用できません。 jQuery オブジェクトは、DOM を操作するためのより完全なツール セットを提供します。