Introduction aux méthodes de conversion entre objets jQuery et objets DOM_jquery

Avant de discuter de l'échange d'objets jQuery et d'objets DOM, convenez d'abord 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;

1. Convertir l'objet jQuery en 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].

Le code jQuery est le suivant :

Copier le code Le code est le suivant :

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

(2) Une autre méthode est fournie par jQuery lui-même et l'objet DOM correspondant est obtenu via la méthode get(index).

Le code jQuery est le suivant :

Copier le code Le code est le suivant :

[js]var $cr = $("#cr");
var cr = $cr.get(0);
alerte (cr.checked)

2. Convertir l'objet DOM en objet jQuery

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

Le code jQuery est le suivant :

Copier le code Le code est le suivant :

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

Après la conversion, vous pouvez utiliser n'importe quelle méthode dans jQuery.

Grâce aux méthodes ci-dessus, les objets jQuery et les objets DOM peuvent être convertis arbitrairement les uns dans les autres.

Enfin, il est souligné que seuls les objets DOM peuvent utiliser des méthodes dans le DOM. Les objets jQuery ne peuvent pas utiliser de méthodes dans le DOM, mais les objets jQuery fournissent un ensemble d'outils plus complet pour faire fonctionner le DOM