Maison  >  Article  >  interface Web  >  Explication détaillée de la conversion des objets jQuery et des objets DOM les uns vers les autres

Explication détaillée de la conversion des objets jQuery et des objets DOM les uns vers les autres

一个新手
一个新手original
2017-09-06 14:46:361675parcourir

Parlons de la relation entre eux avant de parler de la conversion entre eux :

Js est un langage dynamique faiblement typé, qui est JavaScript L'abréviation de jQuery est une encapsulation et une extension de js. jQuery est un framework encapsulé par js, ce qui rend

jquery plus pratique et concis. Par exemple, js est comme des nouilles crues, tandis que jquery est des nouilles instantanées, qui peuvent être mangées après trempage, ce qui est plus pratique.

C'est-à-dire : jquery utilise le moins de code pour remplir plus de fonctions. Ce qui précède est ma compréhension de la différence entre js et jquery.

Par exemple : $("#img").attr("src","test.jpg"); où $("#img") est l'objet jQuery

Document.getElementById("img").src = "test.jpg"; document.getElementById("img") voici l'objet DOM.

1. Convertissez un objet DOM en objet jQuery

Pour un objet DOM qui est déjà un objet DOM, utilisez simplement $() pour envelopper. l'objet DOM, vous pouvez obtenir un objet jQuery, $(Objet DOM) Remarque : var est une méthode de définition de variables

telles que :

var v = document.getElementById("v"); //DOM对象
var $v = $(v); //jQuery 对象
Après la conversion, vous pouvez utiliser jQuery méthode à volonté.

2. Convertir un objet jQuery en objet DOM

Deux méthodes de conversion parlent de convertir 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 l'objet DOM correspondant via la méthode .get(index)

Par exemple :

var $v = $("#v"); //jQuery 对象
var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )
alert(v.checked); //检测这个 checkbox 是否被选中
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 est : les objets DOM peuvent utiliser des méthodes dans le DOM, et 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