jquery中的$("#id")與document.getElementById("id")不同

document.getElementById()返回的是DOM對(duì)象,而$()返回的是jQuery對(duì)象,所以不是同一種東西。

所以如果你用jQuery對(duì)象【通過(guò)$("#id")得到的】企圖訪問(wèn)DOM對(duì)象的屬性,會(huì)報(bào)錯(cuò):Uncaught TypeError: Cannot read property 'xxxxxxxx' of undefined。同理,DOM對(duì)象訪問(wèn)jQuery對(duì)象的屬性也會(huì)出錯(cuò)。

解決方案:互相轉(zhuǎn)換

jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象:

兩種轉(zhuǎn)換方式將一個(gè)jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象:[index]和.get(index);
(1)jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象,可以通過(guò)[index]的方法,來(lái)得到相應(yīng)的DOM對(duì)象。
如:var $v =$("#v") ; //jQuery對(duì)象
var v=$v[0]; //DOM對(duì)象
alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中
(2)jQuery本身提供,通過(guò).get(index)方法,得到相應(yīng)的DOM對(duì)象
如:var $v=$("#v"); //jQuery對(duì)象
var v=$v.get(0); //DOM對(duì)象
alert(v.checked) //檢測(cè)這個(gè)checkbox是否被選中

DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象:

對(duì)于已經(jīng)是一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來(lái),就可以獲得一個(gè)jQuery對(duì)象了。$(DOM對(duì)象)
如:var v=document.getElementById("v"); //DOM對(duì)象
var $v=$(v); //jQuery對(duì)象
轉(zhuǎn)換后,就可以任意使用jQuery的方法了。
通過(guò)以上方法,可以任意的相互轉(zhuǎn)換jQuery對(duì)象和DOM對(duì)象。需要再?gòu)?qiáng)調(diào)注意的是:DOM對(duì)象才能使用DOM中的方法,jQuery對(duì)象是不可以用DOM中的方法。

參考文章:

jquery中的$("#id")與document.getElementById("id")的區(qū)別

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,670評(píng)論 0 44
  • 對(duì)于jQuery的初學(xué)者來(lái)說(shuō),經(jīng)常分辨不清DOM對(duì)象和jQuery對(duì)象,本文簡(jiǎn)單說(shuō)明兩者的區(qū)別和兩種對(duì)象相互轉(zhuǎn)換的...
    超玉閱讀 572評(píng)論 0 4
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡(jiǎn)單...
    舟漁行舟閱讀 8,130評(píng)論 2 17
  • 在不經(jīng)意間發(fā)現(xiàn)劉未鵬的blog,簡(jiǎn)單了解劉未鵬的事跡后,我開(kāi)始大量閱讀他的博客文章,收獲很多。在他的blog中,我...
    Catherine_龍貓閱讀 325評(píng)論 0 0
  • 暑假開(kāi)始了,我很開(kāi)心。最開(kāi)心的是趙老師要帶我們?nèi)ニ赐跗?。那里超美特別高哦對(duì),還有奶泉。 還有老師帶我們?nèi)サ呐{ ...
    23號(hào)小石頭常博清閱讀 240評(píng)論 0 0

友情鏈接更多精彩內(nèi)容