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

简介:

 .get( [ index ] )
参数是一个可选的元素索引,0开始

如果为空,则返回整个jquery对象集合对应的DOM元素数组。

如果》=0则,返回指定索引的元素

如果为负值则从结尾计数。

看jquery的源码:

 

 
  1. get: function( num ) { 
  2.     return num == null ? 
  3.  
  4.         // Return a 'clean' array 
  5.         this.toArray() : 
  6.  
  7.         // Return just the object 
  8.         ( num < 0 ? this[ this.length + num ] : this[ num ] ); 

当然了,那个this引用我们的jq对象:

 

 
  1. <ul> 
  2.   <li id="foo">foo</li> 
  3.   <li id="bar">bar</li> 
  4. </ul> 

$("li").get(-1)其实就是

$("li")[$("li").length+(-1)]==>这里$("li")[2-1]

(注:this[ this.length + num ])

$("li").get()等价于$("li").toArray()

这就是jq对象转DOM Element的方法。





本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/612168 ,如需转载请自行联系原作者
相关文章
|
30天前
jQuery+CSS3自动轮播焦点图特效源码
jQuery+CSS3自动轮播焦点图特效源码
15 1
jQuery+CSS3自动轮播焦点图特效源码
|
3月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
26 0
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
56 0
|
4月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
48 0
|
6月前
|
JavaScript 前端开发
JQuery入门到精通教程(二)
JQuery入门到精通教程(二)
23 0
|
6月前
|
JavaScript 前端开发
JQuery入门到精通教程()
JQuery入门到精通教程()
35 0
|
10月前
|
XML JavaScript 前端开发
【jQuery超快速入门教程】上篇
【jQuery超快速入门教程】上篇
|
11月前
|
JavaScript 前端开发
三分钟手写一个迷你jQuery,附源码
诚然,不管前端技术怎么发展,重心都不会变,就是 操作DOM + 获取数据。 下面的代码演示了如何快速手写一个简单的jQuery:
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
|
JavaScript 前端开发 Java
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
jquery实现动态表格项目(表格增加删除/全选/表格变色特效) 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
266 0
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)