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