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

Comment convertir un objet dom HTML en objet jquery

青灯夜游
青灯夜游original
2021-05-19 17:19:163096parcourir

Méthode de conversion : s'il s'agit déjà d'un objet DOM, il vous suffit d'envelopper l'objet DOM avec "$()" pour obtenir un objet jQuery. Le format de syntaxe spécifique est "$(DOM object)".

Comment convertir un objet dom HTML en objet jquery

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

Convertir un objet DOM 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.

Par exemple :

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

Après avoir traité l'objet DOM ordinaire en un objet jQuery via la méthode $(DOM), nous pouvons appeler la méthode jQuery.

Code HTML

<div>元素一</div><div>元素二</div><div>元素三</div>

Code JavaScript

var div=document.getElementsByTagName(&#39;div&#39;);//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css(&#39;color&#39;,&#39;red&#39;);//给第一个元素设置颜色

Récupérez les éléments du nœud div via getElementsByTagName Le résultat est un objet de collection DOM, mais cet objet est une collection de tableaux ( 3 éléments div). Convertissez-le en objet jQuery via la méthode $(div), recherchez le premier élément et changez sa couleur en appelant les méthodes first et css dans l'objet jQuery.

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!

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