淺談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-08
jquery實(shí)現(xiàn)焦點(diǎn)輪播效果
本文主要介紹了jquery實(shí)現(xiàn)焦點(diǎn)輪播效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02
jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能【推薦】
這篇文章主要介紹了jQuery+Datatables實(shí)現(xiàn)表格批量刪除功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
jQuery+ajax實(shí)現(xiàn)頂一下,踩一下效果
很多網(wǎng)站上面有頂一下,踩一下效果是直接用別人做好的插件放上去的,上星期正好要用到這個(gè)效果,就去研究了下。下面就一步一步來(lái)實(shí)現(xiàn)整個(gè)效果。。。。2010-07-07
jQuery實(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-01
jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的輸入框選擇時(shí)間插件用法,實(shí)例分析了jQuery插件jquery.settime.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
Jquery知識(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

