jqueryオブジェクトとdomオブジェクトの違いは何ですか?

違い: jQuery オブジェクトは、jQuery クラス ライブラリのセレクターを使用して取得されるオブジェクトです。これは jQuery に固有です。jQuery 内のメソッドは使用できますが、DOM オブジェクトのメソッドは使用できません。 DOM オブジェクトは JavaScript を使用して取得されます。オブジェクトはメソッドによって取得されます。DOM オブジェクトは jQuery メソッドを使用できません。

jQuery ビデオ チュートリアル #」

1. Dom オブジェクト、jQuery オブジェクト

1.1 Dom オブジェクト

DOM は、実際にはオブジェクト指向で記述されたドキュメント モデルです。 DOM は、ドキュメントを表現および変更するために必要なオブジェクト、これらのオブジェクトの動作とプロパティ、およびこれらのオブジェクト間の関係を定義します。
• DOM を通じて、すべての HTML 要素と、それに含まれるテキストおよび属性にアクセスできます。コンテンツは変更および削除でき、新しい要素を作成することもできます。
• DOM はプラットフォームやプログラミング言語に依存しません。 Java、JavaScript、VBScript などのあらゆるプログラミング言語で使用できます。
• DOM オブジェクトは、従来の方法 (JavaScript) を使用して取得したオブジェクトです。
• DOM はまさにドキュメント オブジェクト (Document Object Model) の仕様標準であり、この標準ではプロパティとメソッドの動作のみが定義されています。

1.2 jQuery オブジェクト

jquery 現在の jquery フレームワークのバージョン番号
• length は、配列オブジェクトの要素の数を示します。
context は通常、HtmlDocument オブジェクトを指します
• selector セレクター コンテンツに渡される

jQuery オブジェクトは js 配列に属します
• jQuery オブジェクトは、jQuery でラップされた DOM オブジェクトによって生成されます
jQuery オブジェクトは DOM オブジェクトのメソッドとプロパティを使用できません
• DOM オブジェクトは jQuery オブジェクトのメソッドとプロパティを使用できません

js から jQuery オブジェクト$(js オブジェクト)
• jQuery オブジェクトから js オブジェクト

var doc2=$("#idDoc2")[0];   //转换jQuery对象为DOM对象  
doc2.innerHTML="这是jQuery的第一个DOM对象"  
  //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象  
var doc2=$("#idDoc2").get(0);  
doc2.innerHTML="这是jQuery的第二个DOM对象"

2. の詳細な説明jQuery オブジェクトと DOM オブジェクトの違いと使い方

2.1 jQuery オブジェクトと DOM オブジェクト

var domObj = document.getElementById("id"); //DOM对象
var $obj = $("#id"); //jQuery对象;

$("#foo").html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法

document.getElementById("foo").innerHTML;

$("#id").innerHTML 和$("#id").checked之类的写法都是错误的

$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。

2.2 jQuery オブジェクトと DOM オブジェクト間の変換

2.2.1 jquery オブジェクトから dom オブジェクトへの変換

なぜ添字が使われるのか疑問に思う人もいるかもしれませんが、はい、jquery オブジェクトは配列オブジェクトです。
例:

var $cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中

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

メソッドは $(dom object);
例:

var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象

3. 要約すると、

var $variable = jquery对象;

var variable = dom对象

プログラミング ビデオ ! ！

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