Analyse de la différence entre les objets Jquery et les objets Dom_jquery

Avant de discuter, convenons du style de définition des variables.

Si l'objet obtenu est un objet jQuery, ajoutez $ avant la variable, par exemple :

Copier le code Le code est le suivant :

var $variable = objet jQuery

Si l'objet DOM est obtenu, il est défini comme suit :

Copier le code Le code est le suivant :

variable var = objet DOM;

Les objets jQuery ne peuvent pas utiliser de méthodes dans le DOM, mais si vous n'êtes pas familier avec les méthodes fournies par les objets jQuery, ou si jQuery n'encapsule pas les méthodes souhaitées et que vous devez utiliser des objets DOM, il existe deux méthodes ci-dessous. jQuery fournit deux méthodes pour convertir un objet jQuery en objet DOm, à savoir [index] et get(index).

1. L'objet jQuery est un objet tableau et l'objet DOM correspondant peut être obtenu via la méthode [index].

Copier le code Le code est le suivant :

var $cr = $("#cr"); //objet jQuery
var cr = $cr[0] //Objet DOM
alert(cr.checked) //Vérifie si cette case est cochée

2. Obtenez l'objet DOM correspondant via la méthode get(index).

Copier le code Le code est le suivant :

var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);

Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery. La méthode est $(objet DOM).

Copier le code Le code est le suivant :

var cr = document.getElementByID("cr"); //Objet DOM
var $cr = $(cr);

Résumé :

1. La méthode get dans jQuery obtient en fait les éléments Dom ($(this).get(0) et $(this)[0])

2. Les méthodes eq, first, last et autres de la méthode jQuery sont toutes des objets Jquery renvoyés

3. Seuls les objets DOM peuvent utiliser des méthodes dans DOM. Les objets jQuery ne peuvent pas utiliser de méthodes dans DOM. Les objets jQuery fournissent un ensemble d'outils plus complet pour manipuler le DOM.