Maison> interface Web> js tutoriel> le corps du texte

Comment convertir un objet dom HTML en objet jquery

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

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对象
Copier après la connexion

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

元素一
元素二
元素三
Copier après la connexion

Code JavaScript

var div=document.getElementsByTagName('div');//DOM对象 var $div=$(div);//jQuery对象 var $first=$div.frist();//找到第一个div元素 $first.css('color','red');//给第一个元素设置颜色
Copier après la connexion

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!

É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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!