jQuery length 和 size()区别总结

 更新时间:2018年04月26日 11:40:04   作者:阿讯小飞  
这篇文章主要介绍了jQuery length 和 size()区别总结,在这里length是属性,size()是方法,需要的朋友可以参考下

jQuery length和size()区别总结如下:

1.length是属性,size()是方法。

2.如果你只是想获取元素的个数,两者效果一样既 ("img").length("img").length("img").size() 获取的值是一样的。

3.如果计算一个字符串的长度或者计算一个数组元素的个数就只得用length, 如 $("#text").val().length

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

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

原因在此:

看看官网的解释(http://api.jquery.com/size/):

The .size() method is deprecated as of jQuery 1.8. Use the .length property instead.

The .size() method is functionally equivalent to the .length property; however, the .length property is preferred because it does not have the overhead of a function call.

从上可以看出size()是调用length属性实现的

在jquery 1.8后 length取代了 size()  ,因为length不需要返回一个函数调用,更优秀。

Learn from yesterday, live for today, hope for tomorrow.

总结

以上所述是小编给大家介绍的jQuery length 和 size()区别总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 基于jQuery的合并表格中相同文本的相邻单元格的代码

    基于jQuery的合并表格中相同文本的相邻单元格的代码

    有时候需要合并表格中相同文本的相邻单元格,需要的朋友可以参考下。
    2011-04-04
  • jQuery实现简单的网页换肤效果示例

    jQuery实现简单的网页换肤效果示例

    这篇文章主要介绍了jQuery实现简单的网页换肤效果,涉及jQuery事件响应及页面元素属性动态变换操作技巧,需要的朋友可以参考下
    2016-09-09
  • jquery实现简易验证插件封装

    jquery实现简易验证插件封装

    这篇文章主要为大家详细介绍了jquery实现简易验证插件的封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

    jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

    本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去问问度娘,再来读本文。
    2014-11-11
  • jquery实现简单拖拽效果

    jquery实现简单拖拽效果

    这篇文章主要为大家详细介绍了jquery实现简单拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 对于jQuery性能的一些优化建议

    对于jQuery性能的一些优化建议

    这篇文章主要介绍了对于jQuery性能的一些优化建议,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下
    2015-08-08
  • 基于jquery的$.ajax async使用

    基于jquery的$.ajax async使用

    默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行
    2011-10-10
  • JQuery小知识

    JQuery小知识

    我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。
    2010-10-10
  • jQuery 滑动方法slideDown向下滑动元素

    jQuery 滑动方法slideDown向下滑动元素

    通过 jQuery,您可以在元素上创建滑动效果,jQuery slideDown() 方法用于向下滑动元素,下为大家介绍下其参数含义
    2014-01-01
  • jquery实现表格行的上下移动和置顶

    jquery实现表格行的上下移动和置顶

    这篇文章主要为大家详细介绍了jquery实现表格行的上下移动和置顶,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02

最新评论