JQ中get()与eq()的区别

.eq()  :
  减少匹配元素的集合,根据index索引值,精确指定索引对象。 .get() :
  通过检索匹配jQuery对象得到对应的DOM元素。

  同样是返回元素,那么eq与get有什么区别呢?

  eq返回的是一个jQuery对象,get返回的是一个DOM对象。举个例子:

1 $( "li" ).get( 0 ).css("color", "red"); //错误
2 $( "li" ).eq( 0 ).css("color", "red"); //正确

  get方法本质上是把jQuery对象转换成DOM对象,但是css属于jQuery构造器的,DOM是不存在这个方法的,如果需要用jQuery的方法,我们必须这样写:

1 var li = $( "li" ).get( 0 );
2 $( li ).css("color", "red"); //用$包装

取出DOM对象li,然后用$再次包装,使之转变成jQuery对象,才能调用css方法,这样要分2步写太麻烦了,所以jQuery给我们提供了一个便捷方法eq()。

 

posted @ 2017-07-11 17:36  安慕希  阅读(1226)  评论(0编辑  收藏  举报