jQuery API .each()

最新推荐文章于 2022-10-07 19:10:11 发布

依然那么楞

最新推荐文章于 2022-10-07 19:10:11 发布

阅读量742

点赞数

CC 4.0 BY-SA版权

文章标签： jquery api size

本文链接：https://blog.youkuaiyun.com/ling811/article/details/17761079

本文介绍了jQuery中用于获取DOM元素数量的.size()方法，指出其已被废弃并推荐使用.length属性作为替代。通过实例展示了如何统计div元素的数量，并在用户点击时动态添加div，演示了DOM操作在网页开发中的应用。

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

.size()

描述: 返回的jQuery对象匹配的DOM元素的数量。

.size()

- 这个方法不接受任何参数。

.size()方法从jQuery 1.8开始被废弃。使用.length属性代替。

.size()方法功能上等价于.length属性。但是.length 属性是首选的，因为它没有函数调用时的额外开销。

例子:

统计 div 的个数。点击时添加一个 div。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.10.2.js"></script>
<style>
	body{ cursor:pointer; min-height:100px;}
	div { width:50px; height:30px; margin:5px;
        float:left; background:blue; }
  	span { color:red; }
</style>
</head>

<body>
<span></span>
<div></div>
<script>
$(document.body).click(function(){
	$(this).append($("<div>"));
	var n = $("div").size();
	$("span").text("There are " + n + "divs. Click to add more.");
}).click();
</script>
</body>
</html>

效果图：