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

Comment convertir un objet jquery en objet js

青灯夜游
Libérer: 2021-11-12 15:52:42
original
5121 Les gens l'ont consulté

Méthodes pour convertir des objets jquery en objets js : 1. Utilisez l'instruction "jquery object [index]" pour convertir ; 2. Utilisez l'instruction "jquery object.get(index)" pour convertir.

Comment convertir un objet jquery en objet js

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

Les objets de type js et les objets de type jquery sont deux objets complètement différents. Cependant, les méthodes des deux objets ne peuvent pas être appelées l’une sur l’autre. Alors, que dois-je faire si l'objet js veut appeler une méthode dans jquery, ou si l'objet jquery veut appeler une méthode js ? Cette fois, il s'agit de la question de la conversion mutuelle entre les objets js et les objets jquery.

Par exemple :

document.getElementById("text").hide();document.getElementById("text").hide();

实现不了,因为hide()是jquery对象的方法,js对象是没办法调用的

$("#text2").innerHTML = "jredu";

同样也是实现不了,因为innerHTML是js对象的属性,jquery对象是没办法使用的。

那么,接下来给大家介绍一下怎么实现js和jQuery之间的相互转换:

---转换1:jquery对象转换成js对象

---转换2:js对象转换成jquery对象

jquery对象转换成js对象

有两种转换方式将一个jQuery对象转换成js对象:[index].get(index)

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的js对象。 

如:

var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //js对象 
alert(v.checked) //检测这个checkbox是否被选中
Copier après la connexion

(2)jQuery本身提供,通过.get(index)方法,得到相应的js对象

如:var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //js对象 
alert(v.checked) //检测这个checkbox是否被选中
Copier après la connexion

js对象转换成jquery对象

对于已经是一个js对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。

语法:$(js对象)

Ne peut pas être implémenté car hide() est une méthode d'objet jquery et ne peut pas être appelé par un objet js

$("#text2").innerHTML = "jredu";


La même chose ne peut pas être obtenue, car innerHTML est un attribut de l'objet js et l'objet jquery ne peut pas être utilisé.

Ensuite, laissez-moi vous présenter comment réaliser la conversion mutuelle entre js et jQuery : ---Conversion 1 : Convertir l'objet jquery en objet js

🎜---Conversion 2 : Convertir l'objet js en objet jquery🎜 🎜 Convertir un objet jquery en objet js 🎜🎜Il existe deux méthodes de conversion pour convertir un objet jQuery en objet js : [index] et .get(index)< / code>; 🎜🎜(1) L'objet jQuery est un objet de données, et l'objet js correspondant peut être obtenu via la méthode <code>[index]. 🎜🎜Par exemple : 🎜
var v=document.getElementById("v"); //js对象 
var $v=$(v); //jQuery对象
Copier après la connexion
🎜(2) jQuery lui-même fournit l'objet js correspondant via la méthode .get(index) 🎜rrreee🎜Convertir l'objet js en objet jquery 🎜 🎜Pour un objet js, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery. 🎜🎜Syntaxe : $(js object) 🎜🎜Par exemple : 🎜rrreee🎜Après la conversion, vous pouvez utiliser les méthodes jQuery à volonté. 🎜🎜🎜 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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal