Maison  >  Article  >  interface Web  >  Quelle est la méthode de conversion entre l'objet jquery et l'objet dom

Quelle est la méthode de conversion entre l'objet jquery et l'objet dom

WBOY
WBOYoriginal
2022-06-02 15:40:507307parcourir

Méthodes : 1. Méthodes "obj[index]" et "obj.get(index)" Ces deux méthodes peuvent convertir des objets jquery en objets dom. L'index est l'index de l'objet DOM dans l'objet jQuery ; $ (DOM object)", qui peut convertir l'objet dom en un objet jquery.

Quelle est la méthode de conversion entre l'objet jquery et l'objet dom

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Méthode de conversion entre l'objet jquery et l'objet dom

1. Convertir l'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>

2. Convertissez les objets DOM en objets jQuery

var name = $(DOM对象)

Utilisez l'objet DOM comme paramètre de la fonction $() pour le convertir en objet jQuery.

<button id="btn">say hello</button>
<script>
//获取DOM对象btn
var btn = document.getElementById(&#39;btn&#39;);
//将DOM对象转换成jQuery对象
var btnl = $(btn);
//验证转换结果
alert(btn === btnl[0]);    //输出结果: true
</script>

Comme vous pouvez le voir dans le code ci-dessus, les objets DOM et jQuery peuvent être convertis de manière flexible les uns aux autres pendant le développement.

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