jQueryのeq()とDOM内のelement.[]の違いについて簡単に話す

次のようになります：

<!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) // 2番目のaを選択し、jqオブジェクトです（dom属性メソッドを使用することができませんが、jqの属性、メソッドを使用できます）

$('.a')[1]　 // 2番目のaを選択し、domオブジェクトです（dom属性、メソッドを使用できますが、jq属性メソッドを使用することはできません）

$('.a').eq(1)[0]　 // 2番目のaを選択し、すべてdomオブジェクトに変換しました（dom属性、メソッドを使用できますが、jq属性メソッドを使用することはできません）

-----これにより、jQueryはjsをもう一層包装しています。jq属性は包装を剥がしてdom属性を呼び出すことができますが、domはjqの属性メソッドを呼び出すことはできません。

$('.a')[0].eq(1) // エラーです。なぜなら、domオブジェクトはjqメソッドを使用できないからです。

以上は編集者が皆さんに提供する、jQueryのeq()とDOM中のelement.[]の違いについての簡単な解説がすべてです。皆さん、応援してほしいです。

基礎教程