`
zccst
  • 浏览: 3320035 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 中size() length的区别

阅读更多
作者:zccst

size()跟length同样的功能,都是取元素的个数,那么他们的区别是什么呢,一个是方法一个是属性?

先看看他们的执行时间吧,http://jsperf.com/size-vs-length用这个检测的



从图中可以看到size()方法比length慢38%,原因何在?
原因在此:




,可以看到size()的实质是调用对象的length属性实现的,而且官网里面这样解释:




,意思是说在jquery 1.8里面,用length取代了size(),size()跟length功能是等同的,但是length更优秀,因为他不需要返回一个函数调用


如果您觉得本文的内容对您的学习有所帮助,您可以微信:
  • 大小: 16.8 KB
  • 大小: 9.7 KB
  • 大小: 8.9 KB
分享到:
评论

相关推荐

    jQuery length 和 size()区别总结

    jQuery length和size()区别总结如下: 1.length是属性,size()是方法。 2.如果你只是想获取元素的个数,两者效果一样既 ("img").length和("img").length和("img").size() 获取的值是一样的。 3.如果计算一个字符串的...

    jQuery中size()方法用法实例

    size()方法的返回值与jQuery对象的length属性一致。 语法结构: 代码如下:$(selector).size() 实例代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=” utf-8″> <meta name=...

    jQuery中文API

    jquery中文文档api, jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get([index]...

    jQuery对象的length属性用法实例

    在jQuery中,`length`属性和`size()`方法曾经是等价的,都用于获取匹配元素的数量。不过,在jQuery 1.8版本之后,`size()`方法被废弃,推荐使用`length`属性,因为它更高效且不易引起混淆。 下面是一个具体的示例,...

    jQuery 1.4.1 中文参考

    - `size()`:返回jQuery对象中元素的数量,等同于`length`属性。 - `length`:返回jQuery对象中元素的数量。 - `selector`和`context`:分别表示选择器字符串和上下文元素,用于描述jQuery对象是如何构造的。 - `get...

    jQuery 参考手册 速查表

    size() length selector context get([index]) index([selector|element]) 数据缓存 data([key],[value]) removeData([name|list])1.7* $.data(ele,[key],[val])1.8- 队列控制 queue(e,[q]) dequeue(...

    jquery中文版手册(超级实用)

    jquery的使用手册,中文版 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) ...size() length selector context get([index]) index([selector|element])

    JQuery新版中文手册

    size() length selector context get([index]) index([selector|element]) 数据缓存 data([key],[value]) removeData([name|list])1.7* $.data(element,[key],[value]) 队列控制 queue(element,[queue...

    jquery中有哪些api jQuery主要API

    遍历DOM时,`each()`方法可以对每个匹配的元素执行一个函数,而`size()`和`length`属性可以获取jQuery对象集合中元素的数量。`selector`属性返回创建jQuery对象时传入的原始选择器,而`context`属性返回原始的DOM...

    jQuery1.7.1_API中文手册

    - **length**: 等价于`size()`,返回集合的长度。 - **get()**: 获取原始的DOM元素数组或单个DOM元素。 #### 六、案例分析:实践中的应用技巧 考虑到HTML结构的规范化,使用jQuery可以更加高效地完成DOM操作。例如...

    jQuery中的基本选择器用法学习教程

    在本教程中,我们将重点介绍jQuery的基本选择器,包括简单选择器,以及如何利用它们来操作DOM节点。 1. **简单选择器**: - **ID选择器**: 使用`#`前缀来选择具有特定ID的元素。例如,`$('#box')`会选取ID为`box`...

    jquery3.2.1官方正版

    - **API 更新**: 一些旧的API在3.x中被移除或标记为过时,如 `.live()`, `.delegate()`, `.size()` 等,推荐使用 `.on()`, `.length` 等替代。 - **性能优化**: jQuery 3.x 在DOM操作、事件处理等方面进行了性能...

    jquery学习文档

    - 直接下载jQuery并将其放在本地项目文件夹中。 - **示例**: ```html <script src="https://code.jquery.com/jquery-3.x.x.min.js"></script> ``` **2.3 字体大小的动态改变案例** - **目标**: 实现通过点击按钮...

    使用jQuery管理选择结果

    例如,使用 `.size()` 方法可以获取 jQuery 对象中元素的个数,这与 JavaScript 中数组的 `.length` 属性相似。这个方法可以帮助我们在需要时计算页面中特定元素的总数。 通过 jQuery 提供的 `.size()` 方法,...

    jQuery粒子动效果

    接下来,我们需要在`particle-effect.js`中编写JavaScript代码,使用jQuery来初始化和操作canvas。以下是一个简单的粒子系统的基本框架: ```javascript $(document).ready(function() { var canvas = $('#...

Global site tag (gtag.js) - Google Analytics