如下所示：
<!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，並且轉化成都是dom對象（可以使用dom屬性，方法，不可以使用jq屬性方法）
-----由此可見，jquery將js的又包裝了一層，jq屬性可以剝開包裝調用dom屬性，而dom則無法調用jq的屬性方法。
$('.a')[0].eq(1) // 錯誤，因為dom對象用不了jq方法，eq（）是jq方法。
以上就是小編為大家帶來的淺談jQuery中的eq()與DOM中element.[]的區別全部內容了，希望大家多多支持~