DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> 淺談jQuery中的eq()與DOM中element.[]的區別
淺談jQuery中的eq()與DOM中element.[]的區別
編輯:JQuery入門技巧     

如下所示:

<!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.[]的區別全部內容了,希望大家多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved