jQuery1.6从使用到源码教程-eq()

简介:

 .eq( index )

参数是可取负值,若非负则为对象索引。

 
  1. eq: function( i ) { 
  2.     return i === -1 ? 
  3.         this.slice( i ) : 
  4.         this.slice( i, +i + 1 ); 

例子:

 

 
  1. <ul> 
  2.   <li>list item 1</li> 
  3.   <li>list item 2</li> 
  4.   <li>list item 3</li> 
  5.   <li>list item 4</li> 
  6.   <li>list item 5</li> 
  7. </ul> 

和get()不同的是,这个eq()返回的是jQuery对象,而不是DOM 元素:

$("li").eq(-1)等价于$("li").slice(-1)

$("li").eq(-3)等价于$("li").slice(-3,-3+1),即由一个<li>list item 3</li>的jquery对象。

 

而first()和last()都是内部调用的eq():

 

 
  1. first: function() { 
  2.     return this.eq( 0 ); 
  3. }, 
  4.  
  5. last: function() { 
  6.     return this.eq( -1 ); 

关于jQuery.slice参见slice篇。





 本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/612220,如需转载请自行联系原作者


相关文章
|
5月前
jQuery+CSS3自动轮播焦点图特效源码
jQuery+CSS3自动轮播焦点图特效源码
54 1
jQuery+CSS3自动轮播焦点图特效源码
|
5月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
76 0
|
5月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
120 0
|
4月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
46 1
|
4月前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
29 0
|
4月前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
107 0
|
5月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
5月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
83 0
|
12月前
|
JavaScript 前端开发
JQuery入门到精通教程(二)
JQuery入门到精通教程(二)
41 0
|
12月前
|
JavaScript 前端开发
JQuery入门到精通教程()
JQuery入门到精通教程()
60 0