Was sind die Unterschiede zwischen JQuery-Objekten und Dom-Objekten?

Unterschied: Das jQuery-Objekt ist ein Objekt, das mit dem Selektor der jQuery-Klassenbibliothek erhalten wird. Es ist einzigartig für jQuery, aber Sie können keine Methode des DOM-Objekts verwenden Objekt, das mit der Javascript-Methode erhalten wurde, DOM-Objekte können keine jQuery-Methoden verwenden.

Verwandte Empfehlungen: „jQuery Video Tutorial“

1. Dom-Objekt, jQuery-Objekt

1.1 Dom-Objekt

Das als DOM bezeichnete Document Object Model ist eine erweiterbare Verarbeitungsmethode empfohlen von der W3C-Organisation Standard-Programmierschnittstelle für Markup-Sprachen.

• DOM ist eigentlich ein Dokumentmodell, das objektorientiert beschrieben wird. Das DOM definiert die Objekte, die zum Darstellen und Ändern eines Dokuments erforderlich sind, das Verhalten und die Eigenschaften dieser Objekte sowie die Beziehungen zwischen diesen Objekten.
• Über das DOM können Sie auf alle HTML-Elemente sowie den darin enthaltenen Text und die Attribute zugreifen. Der Inhalt kann geändert und gelöscht werden, außerdem können neue Elemente erstellt werden.
• DOM ist plattform- und programmiersprachenunabhängig. Es kann von jeder Programmiersprache wie Java, JavaScript und VBScript verwendet werden.
• DOM-Objekte sind Objekte, die wir mit herkömmlichen Methoden (Javascript) erhalten.
• DOM ist genau ein Spezifikationsstandard für Dokumentobjekte (Document Object Model). Der Standard definiert nur Eigenschaften und Methodenverhalten.

1.2 jQuery-Objekt

1) Übersicht

jQuery-Objekt ist eigentlich ein JavaScript-Array. Dieses Array-Objekt enthält 125 Methoden und 4 Eigenschaften

Die 4 Eigenschaften sind:

• jquery Aktuelle jQuery Die Framework-Versionsnummer
• length gibt die Anzahl der Elemente des Array-Objekts an.
• context zeigt im Allgemeinen auf das HtmlDocument-Objekt. Das jQuery-Objekt ist einzigartig für jQuery. Es kann jedoch keine DOM-Methoden verwenden. Umgekehrt können Dom-Objekte keine jQuery-Methoden verwenden.
• 2) Der Unterschied zwischen jQuery-Objekten und js-Objekten.

jQuery-Objekte gehören zu js-Arrays Die Methoden und Eigenschaften von jQuery-Objekten können nicht verwendet werden.

3) Gegenseitige Konvertierung zwischen jQuery-Objekten und JS-Objekten Unterschied und Verwendung von jQuery-Objekten und DOM-Objekten

• 2.1 jQuery-Objekte und DOM-Objekte
• DOM-Objekte sind Objekte, die wir mit herkömmlichen Methoden (Javascript) erhalten, und jQuery-Objekte sind die Selektoren der jQuery-Klassenbibliothek. Das erhaltene Objekt.

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

Das jQuery-Objekt ist das Objekt, das durch das Umschließen des DOM-Objekts durch jQuery generiert wird. Es ist einzigartig für jQuery. Wenn es sich bei einem Objekt um ein jQuery-Objekt handelt, können Sie die Methoden in jQuery verwenden.

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

entspricht in js:

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

Hinweis: Keine Methode des DOM-Objekts kann im jQuery-Objekt verwendet werden.
• Zum Beispiel:

• document.getElementById("foo").innerHTML;

kann verwendet werden

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

Ebenso können DOM-Objekte keine jQuery-Methoden verwenden. Beim Erlernen von jQuery sollten Sie das richtige Konzept festlegen und den Unterschied zwischen jQuery-Objekten und DOM-Objekten unterscheiden. Danach wird das Erlernen von jQuery viel einfacher. 2.2 Konvertierung zwischen jQuery-Objekten und DOM-Objekten ). Manche Leute fragen sich vielleicht, warum Indizes verwendet werden. Ja, das JQuery-Objekt ist ein Array-Objekt. Beispiel:

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

2.2.2 Dom-Objekt in JQuery-Objekt konvertieren

Für ein Dom-Objekt müssen Sie das Dom-Objekt nur mit $() umschließen, um ein JQuery-Objekt zu erhalten );

Beispiel:

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

Nach der Konvertierung können Sie jede Methode in jquery verwenden.

3. Zusammenfassend

Nur das Dom-Objekt kann die Methoden im Dom verwenden. Das JQuery-Objekt bietet jedoch einen umfassenderen Satz an Tools zum Betreiben des Doms.

Die von uns normalerweise verwendeten JQuery-Objekte werden über die Funktion $() hergestellt. Die Funktion $() ist eine Fertigungsfabrik für JQuery-Objekte.

Hinweis:

Wenn das erhaltene Objekt ein JQuery-Objekt ist, fügen Sie $ vor der Variablen hinzu, damit Sie leicht erkennen können, welche JQuery-Objekte sind.

Beispiel:

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

Wenn das DOM-Objekt erhalten wird, lautet die Definition wie folgt:

var $variable = jquery对象;

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo
! !

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen JQuery-Objekten und Dom-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!