Quelles sont les différences entre les objets jquery et les objets DOM ?

De nombreux débutants jquery sont un peu confus lorsqu'ils apprennent les objets jquery et les objets DOM. Ils n'arrivent souvent pas à comprendre quels sont les objets jquery et lesquels sont les objets DOM. L'article suivant vous présentera jquery La différence entre les objets. et les objets DOM , les amis dans le besoin peuvent s'y référer.

Jetons d’abord un bref aperçu de ce qu’est un objet jquery ? Qu'est-ce qu'un objet DOM ?

Objet jquery : Dans la bibliothèque JQuery, l'objet qui peut obtenir l'élément DOM de la page via sa propre méthode est appelé un objet JQuery.

Objet DOM : DOM est un ensemble de nœuds ou de fragments d'informations organisés selon une structure hiérarchique. Le modèle objet de document est un ensemble d'API pour les fichiers HTML et XML. L'essence du DOM est d'établir un pont de communication entre les pages Web et les langages de script ou de programmation.

Après avoir lu les concepts d'objets jquery et d'objets DOM introduits ci-dessus, examinons de plus près les différences entre objets jquery et objets DOM.

La différence entre les objets jquery et les objets DOM :

Les objets DOM sont des objets que nous obtenons en utilisant des méthodes traditionnelles (JavaScript), et les objets jQuery sont obtenus en utilisant jQuery L'objet obtenu par le sélecteur de bibliothèque de classes.

Si l'objet obtenu est un objet jQuery, alors ajoutez $ avant la variable et la définition est la suivante :

var $obj = $("#id"); //jQuery对象;

Si l'objet obtenu est un objet DOM, la définition est la suivante suit :

var domObj = document.getElementById("id"); //DOM对象

L'objet JQuery est un objet généré en encapsulant un objet DOM avec jQuery. L'objet JQuery est unique à jQuery. Il peut utiliser des méthodes dans jQuery, mais ne peut pas utiliser de méthodes DOM

Par exemple :

$("#text").html() signifie Obtenir le ; le code html dans l'élément avec l'identifiant text. html() est une méthode spécifique à jQuery ;

$("#text").html() ci-dessus est équivalent à :

document.getElementById("test").innerHTML;

Remarque :

1. Aucune méthode de l'objet DOM ne peut être utilisée dans l'objet jQuery.

Par exemple $("#id").innerHTML Les méthodes d'écriture telles que $("#id").checked sont incorrectes. Vous pouvez utiliser $("#id").html() et $("#id").attr. ("coché") et autres méthode jQuery à la place. De même, les objets DOM ne peuvent pas utiliser les méthodes jQuery.

2. L'objet jQuery obtenu en utilisant #id comme sélecteur et l'objet DOM obtenu par document.getElementById("id") ne sont pas équivalents.

Ce qui précède est l'intégralité du contenu de cet article. Pour plus de connaissances sur jquery, vous pouvez faire attention à la colonne jquery du site Web php chinois ! ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!