淺談jQuery中的eq()與DOM中element.[]的區(qū)別
更新時(shí)間：2016年10月28日 10:10:31 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
如下所示：
<!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對象（可以用jq的屬性、方法）
$('.a').eq(1) // 選擇了第二個(gè)a，是jq對象（不可以使用dom屬性方法，可以用jq的屬性、方法）
$('.a')[1] // 選擇了第二個(gè)a，是dom對象（可以使用dom屬性，方法，不可以使用jq屬性方法）
$('.a').eq(1)[0] // 選擇了第二個(gè)a，并且轉(zhuǎn)化成都是dom對象（可以使用dom屬性，方法，不可以使用jq屬性方法）
-----由此可見，jquery將js的又包裝了一層，jq屬性可以剝開包裝調(diào)用dom屬性，而dom則無法調(diào)用jq的屬性方法。
$('.a')[0].eq(1) // 錯(cuò)誤，因?yàn)閐om對象用不了jq方法，eq（）是jq方法。
以上就是小編為大家?guī)淼臏\談jQuery中的eq()與DOM中element.[]的區(qū)別全部內(nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關(guān)文章
jquery表單驗(yàn)證需要做些什么，大家知道嗎？其實(shí)很簡單只要做四件事情就可以順利完成表單驗(yàn)證，想知道哪四件事情嗎，請仔細(xì)閱讀下文。2015-11-11
基于jquery可配置循環(huán)左右滾動(dòng)例子
基于jquery可配置循環(huán)左右滾動(dòng)例子，喜歡的朋友可以參考下。2011-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery購物網(wǎng)頁經(jīng)典制作案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery獲取注冊信息并提示實(shí)現(xiàn)代碼
當(dāng)點(diǎn)擊提交信息的時(shí)候，會(huì)把用戶在注冊甜的信息收集并以div彈出的方式提示個(gè)用戶預(yù)覽以確定信息的準(zhǔn)確性，感興趣的朋友可以參考下，希望對你有所幫助2013-04-04
jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過的商品功能,結(jié)合實(shí)例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下2017-01-01
讀jQuery之七 判斷點(diǎn)擊了鼠標(biāo)哪個(gè)鍵的代碼
jQuery中的which即可以是鍵盤的鍵值，也可以是鼠標(biāo)的鍵值。2011-06-06
解決jQuery動(dòng)態(tài)獲取手機(jī)屏幕高和寬的問題
這篇文章主要介紹了如何解決jQuery動(dòng)態(tài)獲取手機(jī)屏幕高和寬的問題,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery插件Validation表單驗(yàn)證的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要介紹了jQuery?基礎(chǔ)選擇器與屬性選擇器，選擇所有元素,此選擇器使用要慎重，其速度是極其慢的，詳細(xì)介紹內(nèi)容需要的小伙伴可以參考一下下面文章內(nèi)容2022-08-08
CSS3結(jié)合jQuery實(shí)現(xiàn)動(dòng)畫效果及回調(diào)函數(shù)的實(shí)例
下面小編就為大家分享一篇CSS3結(jié)合jQuery實(shí)現(xiàn)動(dòng)畫效果及回調(diào)函數(shù)的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12