Comment convertir un objet jquery en objet dom

WBOY
Libérer: 2022-06-17 19:38:51
original
4006 Les gens l'ont consulté

Méthode : 1. Utilisez la méthode "obj[index]", la syntaxe est "objet jquery [l'index de l'objet DOM dans l'objet jQuery]" 2. Utilisez la méthode "obj.get(index)", la syntaxe est "objet jquery .get (index de l'objet DOM dans l'objet jQuery).innerHTML".

Comment convertir un objet jquery en objet dom

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

Comment convertir un objet jquery en objet dom

L'objet jQuery est un objet de type tableau, qui utilise en interne des objets DOM comme éléments de tableau. Il existe deux façons de convertir des objets jQuery en objets DOM, à savoir "obj[index]" et "obj.get(index)". où index représente l'index de l'objet DOM dans l'objet jQuery. Ces deux méthodes de conversion sont expliquées ci-dessous.

(1)obj[index]

Convertissez l'objet jQuery en objet DOM via la méthode obj[index] L'exemple de code est le suivant.

<div>第1个div</div>
<div>第2个div</div>
<script>
//获取jQuery对象
var divs = $(&#39;div&#39;);
//通过索引的方式,将jQuery对象转换成DOM对象
var div1 = divs[0];
var div2 = divs[1];
//输出div元素的内容
alert(div1.innerHTML);    //输出结果:第1个div
alert(div2. innerHTML);    //输出结果:第2个div
</script>
Copier après la connexion

Comme le montre le code ci-dessus, un objet jQuery peut contenir plusieurs éléments DOM et un objet DOM spécifique peut être récupéré via l'indexation.

(2) obj.get(index)

Convertissez l'objet jQuery en objet DOM via la méthode obj.get(index) L'exemple de code est le suivant.

<div>第1个div元素</div>
<script>
var result = $(&#39;div&#39;).get(0).innerHTML;
alert(result);    //输出结果:第1个div元素
</script>
Copier après la connexion

Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery

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
À 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!