jQuery中.length与.size()的区别及原生JS使用指南

.length和.size()相同点

在jQuery环境中，这两个机制均用于统计当前jQuery对象所封装的DOM元素数量，其返回结果完全一致。

.length语法

作为JavaScript的原生属性，.length主要用于获取字符串的字符数、数组的元素个数或类数组对象的长度。

var length = $(obj).length;

.size()语法

.size()是jQuery库提供的方法，仅能作用于jQuery对象实例，用于返回该对象封装的元素个数。

var size = $(obj).size();

示例

//html
<div>
 <ul>
    <li>后台专区</li>
    <li>前台专区</li>
    <li>数据库专区</li>
    <li>站长交流</li>
  </ul>
</div>

//js
$("li").size()==$("li").length      //4

.length和.size()区别：

首先，.size()是jQuery特有的方法，属于jQuery对象实例，无法在原生JavaScript中直接使用；而.length是JavaScript的原生属性（注意：原文称方法，实为属性），广泛可用。

其次，在获取字符串长度时，必须使用.length，例如通过$("#text").val().length获取输入框文本长度，此时不能使用.size()。

再次，获取数组长度或函数参数个数时，同样只能使用.length（原文拼写为lenth，实为length），例如arr.length，不支持.size()。

最后，从实现原理看，.size()方法内部实际上是调用了.length属性。自jQuery 1.8版本起，官方建议使用.length取代.size()，因为直接访问属性无需函数调用开销，性能更优。

总结

本文介绍了JS中.length属性和.size()方法的区别，更多相关JS中的.length和.size()内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！