Maison > interface Web > js tutoriel > Introduction aux méthodes de conversion entre objets jQuery et objets DOM_jquery

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

WBOY
Libérer: 2016-05-16 16:12:23
original
1387 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal