淺談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個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)容了,希望大家多多支持腳本之家~
相關(guān)文章
jQuery+Datatables實現(xiàn)表格批量刪除功能【推薦】
這篇文章主要介紹了jQuery+Datatables實現(xiàn)表格批量刪除功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10jQuery實現(xiàn)元素拖拽并cookie保存順序的方法
這篇文章主要介紹了jQuery實現(xiàn)元素拖拽并cookie保存順序的方法,涉及jQuery響應鼠標事件實現(xiàn)頁面元素屬性變換的技巧與使用jQuery的cookie插件保存頁面信息的功能,需要的朋友可以參考下2016-02-02