jQuery中的length 和 size()区别是什么？-js教程-PHP中文网

首页

web前端

js教程

jQuery中的length 和 size()区别是什么？

伊谢尔伦

Jun 17, 2017 am 09:12 AM

jquery length size 区别

size()函数用于返回当前jQuery对象封装的元素个数。size()函数与length属性的作用相同。该函数属于jQuery对象(实例)。size()方法的返回值与jQuery对象的length属性一致。

语法结构:

$(selector).size()

登录后复制

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<style type="text/css">
span{color:red;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#btn").click(function(){ 
    $("span").text($("li").size()); 
  }) 
})
</script>
</head>
<body>
<div>
  <ul>
    <li>后台专区</li>
    <li>前台专区</li>
    <li>数据库专区</li>
    <li>站长交流</li>
  </ul>
</div>
<div>li元素集合中li元素的数量:<span></span></div>
<button id="btn">点击查看实例</button>
</body>
</html>

登录后复制

jQuery length和size()区别总结如下：
1.length是属性，size()是方法。针对标签对象元素，比如数html页面有多少个段落元素

那么此时的$("p").size() == $("p").length

2.如果你只是想获取元素的个数，两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的；但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length

计算一个字符串的长度或者计算一个数组元素的个数那么此时只能用length而不能用size()

jQuery length和size()区别从上可以看出size()是调用length属性实现的，而且在jquery 1.8后 length取代了 size() ,因为length不需要返回一个函数调用，更优秀。

代码实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js">
</script>
<script type="text/javascript">
$(function(){
    var imglength=$("img").length;   //2
    var imgsize=$("img").size();   //2
    var vallength=$("#text").val().length; //3
})
</script>
</head>
<body>
<img src="test1.jpg"/>
<img src="test2.jpg"/>
姓名<input type="text" id="text" value="aaa"/>
<!--
jQuery length和size()区别总结如下：
1.length是属性，size()是方法。
2.如果你只是想获取元素的个数，两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的；
但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length
 
从上可以看出size()是调用length属性实现的，而且在jquery 1.8后 length取代了 size()  ,因为length不需要返回一个函数调用，更优秀。
 -->
</body>
</html>

登录后复制

以上是jQuery中的length 和 size()区别是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7554

CakePHP 教程

1382

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

char与wchar_t在C语言中的区别 Apr 03, 2025 pm 03:09 PM

在 C 语言中，char 和 wchar_t 的主要区别在于字符编码：char 使用 ASCII 或扩展 ASCII，wchar_t 使用 Unicode；char 占用 1-2 个字节，wchar_t 占用 2-4 个字节；char 适用于英语文本，wchar_t 适用于多语言文本；char 广泛支持，wchar_t 依赖于编译器和操作系统是否支持 Unicode；char 的字符范围受限，wchar_t 的字符范围更大，并使用专门的函数进行算术运算。

c#多线程和异步的区别 Apr 03, 2025 pm 02:57 PM

多线程和异步的区别在于，多线程同时执行多个线程，而异步在不阻塞当前线程的情况下执行操作。多线程用于计算密集型任务，而异步用于用户交互操作。多线程的优势是提高计算性能，异步的优势是不阻塞 UI 线程。选择多线程还是异步取决于任务性质：计算密集型任务使用多线程，与外部资源交互且需要保持 UI 响应的任务使用异步。

C语言 sum 的作用是什么？ Apr 03, 2025 pm 02:21 PM

C语言中没有内置求和函数，需自行编写。可通过遍历数组并累加元素实现求和：循环版本：使用for循环和数组长度计算求和。指针版本：使用指针指向数组元素，通过自增指针遍历高效求和。动态分配数组版本：动态分配数组并自行管理内存，确保释放已分配内存以防止内存泄漏。

char和unsigned char的区别是什么 Apr 03, 2025 pm 03:36 PM

char 和 unsigned char 是存储字符数据的两种数据类型，主要区别在于处理负数和正数的方式：值范围：char 有符号 (-128 到 127)，unsigned char 无符号 (0 到 255)。负数处理：char 可以存储负数，unsigned char 不能。位模式：char 最高位表示符号，unsigned char 无符号位。算术运算：char 和 unsigned char 作为有符号和无符号类型，其算术运算方式不同。兼容性：char 和 unsigned char

c语言函数的基本要求有哪些 Apr 03, 2025 pm 10:06 PM

C语言函数是代码模块化和程序搭建的基础。它们由声明（函数头）和定义（函数体）组成。C语言默认使用值传递参数，但也可使用地址传递修改外部变量。函数可以有返回值或无返回值，返回值类型必须与声明一致。函数命名应清晰易懂，使用驼峰或下划线命名法。遵循单一职责原则，保持函数简洁性，以提高可维护性和可读性。

H5和小程序与APP的区别 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要区别在于：技术架构：H5基于网页技术，小程序和APP为独立应用程序。体验和功能：H5轻便易用，功能受限；小程序轻量级，交互性好；APP功能强大，体验流畅。兼容性：H5跨平台兼容，小程序和APP受平台限制。开发成本：H5开发成本低，小程序中等，APP最高。适用场景：H5适合信息展示，小程序适合轻量化应用，APP适合复杂功能应用。