首頁  >  文章  >  web前端  >  jquery對象怎麼轉為js對象

jquery對象怎麼轉為js對象

青灯夜游
青灯夜游原創
2021-11-12 15:52:425094瀏覽

jquery物件轉換成js物件的方法:1、使用「jquery物件[index]」語句進行轉換;2、使用「jquery物件.get(index)」語句進行轉換。

jquery對象怎麼轉為js對象

本教學操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。

js類型的物件和jquery類型的對象,是完全不同的兩種物件。然而,兩種物件的方法並不能相互呼叫。那麼js物件如果想呼叫jquery裡的方法,或是jquery物件想呼叫js的方法,該怎麼辦?這時候涉及到js物件和jquery物件的相互相互轉換的問題。

例如:

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物件) 

如:

var v=document.getElementById("v"); //js对象 
var $v=$(v); //jQuery对象

轉換後,就可以任意使用jQuery的方法了。 

相關影片教學推薦:jQuery教學(影片)

以上是jquery對象怎麼轉為js對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn