JQUERY的size()与length

最新推荐文章于 2021-03-30 22:12:59 发布

思维小刀

最新推荐文章于 2021-03-30 22:12:59 发布

阅读量1.5k

点赞数 2

分类专栏： jQuery

本文链接：https://blog.csdn.net/fujian9544/article/details/90486949

版权

jQuery 专栏收录该内容

38 篇文章

订阅专栏

博客主要介绍了length属性和size()方法的异同。length是属性，size()是方法，若仅获取元素个数，二者效果相同；但计算字符串长度或数组元素个数时，只能用length。还分别简述了size()和length的含义并给出例子。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.异同

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

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

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

4.实质

2.size()

2.1.简述

返回被选中元素的元素个数

2.2.例子

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("li").size());
  });
});
</script>
</head>
<body>
<button>输出 li 元素的数目</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

3.length

3.1.简述

length 属性包含 jQuery 对象中元素的数目。

3.2.例子

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("li").length);
  });
});
</script>
</head>
<body>

<button>输出 li 元素的数目</button>

<ul>
<li>咖啡</li>
<li>牛奶</li>
<li>绿茶</li>
</ul>

</body>
</html>