Heim > Artikel > Web-Frontend > So konvertieren Sie ein JQuery-Objekt in ein JS-Objekt
Methoden zum Konvertieren von JQuery-Objekten in JS-Objekte: 1. Verwenden Sie zum Konvertieren die Anweisung „jquery object [index]“. 2. Verwenden Sie zum Konvertieren die Anweisung „jquery object.get(index)“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.
Objekte vom Typ js und Objekte vom Typ jquery sind zwei völlig unterschiedliche Objekte. Die Methoden der beiden Objekte können jedoch nicht gegenseitig aufgerufen werden. Was soll ich also tun, wenn das js-Objekt eine Methode in jquery aufrufen möchte oder wenn das jquery-Objekt eine js-Methode aufrufen möchte? Diesmal geht es um die Frage der gegenseitigen Konvertierung zwischen js-Objekten und jquery-Objekten.
Zum Beispiel:
①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是否被选中
(2)jQuery本身提供,通过.get(index)
方法,得到相应的js对象
如:var $v=$("#v"); //jQuery对象 var v=$v.get(0); //js对象 alert(v.checked) //检测这个checkbox是否被选中
js对象转换成jquery对象
对于已经是一个js对象,只需要用$()
把DOM对象包装起来,就可以获得一个jQuery对象了。
语法:$(js对象)
②
$("#text2").innerHTML = "jredu";
Das Gleiche kann nicht erreicht werden, da innerHTML ein Attribut des js-Objekts ist und das jquery-Objekt nicht verwendet werden kann.
Dann möchte ich Ihnen vorstellen, wie Sie die gegenseitige Konvertierung zwischen js und jQuery realisieren: ---Konvertierung 1: Konvertieren Sie ein JQuery-Objekt in ein JS-Objekt
🎜---Konvertierung 2: Konvertieren Sie ein JS-Objekt in ein JQuery-Objekt🎜 🎜 JQuery-Objekt in JS-Objekt konvertieren 🎜🎜Es gibt zwei Konvertierungsmethoden, um ein jQuery-Objekt in ein JS-Objekt zu konvertieren:[index]
und .get(index); 🎜🎜(1) Das jQuery-Objekt ist ein Datenobjekt und das entsprechende js-Objekt kann über die Methode <code>[index]
abgerufen werden. 🎜🎜Zum Beispiel: 🎜var v=document.getElementById("v"); //js对象 var $v=$(v); //jQuery对象🎜(2)jQuery selbst stellt das entsprechende js-Objekt über die Methode
.get(index)
bereit 🎜rrreee🎜JS-Objekt in jquery-Objekt konvertieren 🎜 🎜Für ein js-Objekt müssen Sie das DOM-Objekt nur mit $()
umschließen, um ein jQuery-Objekt zu erhalten. 🎜🎜Syntax: $(js object)
🎜🎜Zum Beispiel: 🎜rrreee🎜Nach der Konvertierung können Sie jQuery-Methoden nach Belieben verwenden. 🎜🎜🎜 Empfohlene verwandte Video-Tutorials: 🎜jQuery-Tutorial🎜 (Video)🎜Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein JQuery-Objekt in ein JS-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!