Maison > interface Web > js tutoriel > Comment convertir un objet jquery en objet html dom

Comment convertir un objet jquery en objet html dom

青灯夜游
Libérer: 2023-01-06 11:14:22
original
3246 Les gens l'ont consulté

Méthode de conversion : 1. Lorsque l'objet jQuery est un objet de données, il peut être converti via la méthode "[index]" pour obtenir l'objet DOM correspondant, la syntaxe est "objet jQuery [index]" ; 2. Via l'instruction "jQuery Object.get(index)" à convertir.

Comment convertir un objet jquery en objet html dom

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.

Qu'est-ce qu'un objet jQuery ?

---C'est l'objet généré en encapsulant l'objet DOM via jQuery. L'objet jQuery est unique à jQuery et peut utiliser des méthodes dans jQuery.

Par exemple :

$("#test").html() signifie : récupérer le code html dans l'élément avec test d'identification. Parmi eux, html() est une méthode dans jQuery

Ce code équivaut à utiliser DOM pour implémenter le code :

document.getElementById("id").innerHTML;
Copier après la connexion

Bien que les objets jQuery soient générés après avoir encapsulé des objets DOM, jQuery ne peut pas utiliser DOM objets. Toute méthode, et de même les objets DOM ne peuvent pas utiliser de méthodes dans jQuery. S'ils sont utilisés sans discernement, une erreur sera signalée. Par exemple : $("#test").innerHTML, document.getElementById("id").html() et d'autres méthodes d'écriture sont incorrectes.

Une autre chose à noter est que l'utilisation de #id comme sélecteur obtient l'objet jQuery et l'objet DOM obtenus par document.getElementById("id"), qui ne sont pas équivalents. Veuillez voir la conversion entre les deux ci-dessous.

Comme jQuery est différent mais également lié, les objets jQuery et les objets DOM peuvent également être convertis les uns aux autres. Avant de convertir les deux, nous faisons d'abord une convention : si un objet jQuery est obtenu, alors nous ajoutons $ devant la variable, comme : var $variab = objet jQuery ; si un objet DOM est obtenu, c'est la même chose que habituel. : var variab = objet DOM ; cette convention est uniquement destinée à faciliter l'explication et la distinction, et n'est pas stipulée dans l'utilisation réelle.

Convertir un objet jQuery en un objet HTML DOM :

Deux méthodes de conversion convertissent un objet jQuery en un objet DOM : [index] et .get(index);

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

Tels que :

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
Copier après la connexion

(2) jQuery lui-même fournit, via la méthode .get(index), l'objet DOM correspondant

tel que :

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
Copier après la connexion

Tutoriels vidéo associés recommandés : Tutoriel jQuery (Vidéo)

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!

É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