Question

JQuery 中eq()和直接使用下标有何区别？

具体是这样的：在代码中发现有数组Tds， Td = Tds.eq(i);这里使用eq。但取Tds[i].className 时，使用下标，我试过Tds.eq(i).className是undefined，请问为什么会有这样的不同，在使用的时候什么时候用eq，什么时候用下标呢？

Answer 1

1. 数组Tds : 是一些jquery对象的集合
   

  2.   Td = Tds.eq(i)：当然就是其中的某个jquery对象；

  3.   Tds[i]：此时就是原始的dom对象；

  4.   Tds[i].className：调用原始dom对象的属性className；

  5.   Tds.eq(i)：返回的是jquery对象，当然没有原始dom属性className

Jquery 常用方法经典总结

1、关于页面元素的引用 

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），

   不能直接调用dom定义的方法。 

2、jQuery对象与dom对象的转换 

   普通的dom对象一般可以通过$()转换成jquery对象。 

   如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。 

   $("#msg").html(); 

   $("#msg")[0].innerHTML; 

   $("#msg").eq(0)[0].innerHTML; 

   $("#msg").get(0).innerHTML; 

3、获取jQuery集合的某一项 

   获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，

   要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。

   

   $("div").eq(2).html(); //调用jquery对象的方法 

   $("div").get(2).innerHTML; //调用dom的方法属性