Maison >interface Web >Questions et réponses frontales >Comment convertir un objet jquery en objet dom

Comment convertir un objet jquery en objet dom

WBOY
WBOYoriginal
2022-06-13 16:32:374106parcourir

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>

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>

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!

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