Maison  >  Article  >  interface Web  >  Que sont les objets jQuery ? Explication détaillée de la façon de convertir des objets jQuery en instances d'objets DOM

Que sont les objets jQuery ? Explication détaillée de la façon de convertir des objets jQuery en instances d'objets DOM

伊谢尔伦
伊谢尔伦original
2017-07-20 13:13:452067parcourir

Lorsque vous commencez à apprendre jQuery, vous ne pourrez peut-être pas distinguer quels sont les objets jQuery et lesquels sont les objets DOM. Quant à l'objet DOM, il n'y a pas beaucoup d'explications. Nous en avons rencontré trop. Concentrons-nous sur jQuery et la conversion entre les deux.

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 l'ID test. Parmi eux, html() est une méthode dans jQuery

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

document.getElementById("id"). innerHTML;
Bien que les objets jQuery soient générés après avoir encapsulé des objets DOM, jQuery ne peut utiliser aucune méthode d'objets DOM. 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 : l'utilisation de #id comme sélecteur pour obtenir l'objet jQuery et l'objet DOM obtenu par document.getElementById("id") ne sont pas équivalents. Veuillez voir la conversion entre les deux ci-dessous.

Étant donné que 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 objet DOM :

Deux méthodes de conversion convertissent un objet jQuery en 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].

Par exemple :


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

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

tel que :


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

Objet DOM converti en objet jQuery :

Pour un objet DOM qui est déjà un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery. $(Objet DOM)

Par exemple :


var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

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

Grâce aux méthodes ci-dessus, les objets jQuery et les objets DOM peuvent être convertis les uns aux autres à volonté. Ce qu'il faut souligner à nouveau, c'est que seuls les objets DOM peuvent utiliser des méthodes dans le DOM et que les objets jQuery ne peuvent pas utiliser de méthodes dans le DOM.

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!

Déclaration:
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