jQuery源码浅谈系列---get()

最新推荐文章于 2025-12-02 21:41:05 发布

最新推荐文章于 2025-12-02 21:41:05 发布 · 176 阅读

文章标签：

#javascript #ViewUI

jQuery源码浅析专栏收录该内容

43 篇文章

订阅专栏

本文深入探讨jQuery中get()方法的使用，包括其作用、实现原理以及常见应用场景。通过简洁明了的代码分析，阐述如何高效地通过get()方法获取DOM元素，并在实际项目中灵活运用。

jQuery源码浅谈系列---get()

前言：

为什么介绍这个，是因为可能你用惯了链式操作或者领会了jQuery的各种api返回的多是jQuery对象，然后有的时候你也通过***[0]这样的方式去转成DOM对象，调用原生的一下属性和api。

正文：

1. get()

-----------取得的是所有匹配的DOM元素的集合（或者讲元素数组）。

-----------这样你就可以直接操作DOM元素。

源码展示：

精辟而简短的代码编写，没有if else ，一直在思考api设计的颗粒度和互相调用的耦合度的把握

/*版本取1.4.4
@param num -----类似于数组的index
@原理其实就是调用$.toArray返回一个DOM的类数组
   判断是否传入了num这个参数 如果没有的话就是undefined == null 返回true就走this.toArray
   如果传入了num,还继续判断是否小于0,如果小于0就调用jQuery的slice 
*/
get: function(num){
      return num == null ? this.toArray() : 
                                      (num < 0 ? this.slice(num)[0] : this[num])
}

部分资料链接：

1.关于slice的说明 http://zhangyaochun.iteye.com/blog/1218238

2.关于toArray的说明 http://zhangyaochun.iteye.com/blog/1220427