Une brève introduction à Jquery et DOMobjects_jquery

Lorsque vous apprenez jquery pour la première fois, vous ne pouvez souvent pas faire la distinction entre les objets DOM et les objets Jquery. Expliquons brièvement la relation et la différence entre eux

.

Objet 1.DOM (Modèle Objet Document)

Modèle objet de document, chaque DOM peut être représenté sous forme d'arborescence. Par exemple, ce qui suit est un simple code de page Web :

.

exprimé en DOM :

Nous pouvons obtenir les nœuds de l'arborescence via getelementsByTayName ou getelementsByTayId en JS. Les éléments obtenus ainsi sont des objets DOM qui peuvent utiliser des méthodes en JS, par exemple :

Copier le code Le code est le suivant :

var domobj=document.getelementsByTayName("Name"); l'objet DOM
var objhtml=domobj.innerHTML;                                                                                                                                       

Objet 2.Jquery

L'objet Jquery est un objet généré en encapsulant un objet DOM avec Jquery. Il est unique à Jquery et peut appeler des méthodes dans jquery, par exemple :

$("#foo").HTML();

L'objet Jquery ne peut appeler aucune méthode d'objet DOM, par exemple :

Copier le code Le code est le suivant :$("#foo") //Une erreur se produira <.>

3. Conversion mutuelle entre les objets DOM et les objets Jquery

Avant de les convertir, nous devons d'abord spécifier le style de définition des variables. Par exemple, lors de la définition d'un objet Jquery, ajoutez un symbole $, par exemple :

Lors de la définition d'un objet DOM, il n'est pas nécessaire d'ajouter de symboles. Cela peut nous aider à distinguer de quel objet est la variable et à améliorer la lisibilité du code, par exemple :

 var $obj=Jquery对象

Lorsqu'il n'y a pas de méthode que nous voulons dans la bibliothèque de classes Jquery ou que nous ne sommes pas clairs sur la méthode Jquery, nous pouvons la convertir en objet DOM. Il existe 2 méthodes pour convertir l'objet Jquery en objet DOM ---. -[index ]/get(index)，

var domobj=DOM对象

(1) L'objet jquery est un objet tableau, et un objet DOM est obtenu via [index]. Le code est le suivant :

(2) Une autre méthode est fournie par Jquery lui-même, qui consiste à obtenir l'objet DOM via get(index), par exemple :

var $obj=$("#sc");
var obj=$obj[0];
alter(obj.checked);

var $obj=$("#sc");
var obj=$obj.get(0);
alter(obj.checked);

4. Convertir l'objet DOM en objet Jquery

L'objet DOM peut être converti en objet Jquery via $(), par exemple :

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

var obj=document.getelementsByTayName("Name");
var $obj=$(obj);