淺談jQuery中的eq()與DOM中element.[]的區(qū)別
如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a class="a">#1</a> <a class="a">#2</a> <a class="a">#3</a> <script src="js/jq.js"></script> <script> var a = $('.a') ; var b = $('.a').eq(1) ; var c = $('.a')[1]; var d = $('.a').eq(1)[0]; var f = $('.a')[0].eq(1); </script> </body> </html>
$('.a') // 選擇了3個(gè)a,都是jq對(duì)象(可以用jq的屬性、方法)
$('.a').eq(1) // 選擇了第二個(gè)a,是jq對(duì)象(不可以使用dom屬性方法,可以用jq的屬性、方法)
$('.a')[1] // 選擇了第二個(gè)a,是dom對(duì)象(可以使用dom屬性,方法,不可以使用jq屬性方法)
$('.a').eq(1)[0] // 選擇了第二個(gè)a,并且轉(zhuǎn)化成都是dom對(duì)象(可以使用dom屬性,方法,不可以使用jq屬性方法)
-----由此可見(jiàn),jquery將js的又包裝了一層,jq屬性可以剝開(kāi)包裝調(diào)用dom屬性,而dom則無(wú)法調(diào)用jq的屬性方法。
$('.a')[0].eq(1) // 錯(cuò)誤,因?yàn)閐om對(duì)象用不了jq方法,eq()是jq方法。
以上就是小編為大家?guī)?lái)的淺談jQuery中的eq()與DOM中element.[]的區(qū)別全部?jī)?nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
jQuery頁(yè)面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼
jQuery頁(yè)面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼,需要的朋友可以參考下。2011-08-08jquery實(shí)現(xiàn)焦點(diǎn)輪播效果
本文主要介紹了jquery實(shí)現(xiàn)焦點(diǎn)輪播效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能【推薦】
這篇文章主要介紹了jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10jQuery+ajax實(shí)現(xiàn)頂一下,踩一下效果
很多網(wǎng)站上面有頂一下,踩一下效果是直接用別人做好的插件放上去的,上星期正好要用到這個(gè)效果,就去研究了下。下面就一步一步來(lái)實(shí)現(xiàn)整個(gè)效果。。。。2010-07-07jQuery實(shí)現(xiàn)元素拖拽并cookie保存順序的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)元素拖拽并cookie保存順序的方法,涉及jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素屬性變換的技巧與使用jQuery的cookie插件保存頁(yè)面信息的功能,需要的朋友可以參考下2016-02-02在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)
這篇文章主要介紹了在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法,實(shí)例分析了jQuery插件jquery.settime.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02Jquery知識(shí)點(diǎn)二 jquery下對(duì)數(shù)組的操作
眾所周知,Jquery是對(duì)JavaScript的一種高效的封裝,所以Jquery要操作的數(shù)組即是JavaScript中的數(shù)組,在JavaScript中我們使用for以及for-in進(jìn)行數(shù)組的操作,而在Jquery中則使用$.map()、$.each()來(lái)操作數(shù)組2011-01-01