jquery有没有size方法

156 阅读 0 评论 103 点赞

我是靠谱客的博主愤怒凉面，这篇文章主要介绍jquery有没有size方法，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、jquery3.6.0版本、Dell G3电脑。

size()方法用于返回被jQuery选择器匹配的元素的数量。

低版本（jquery 1.8以前的版本）的jquery有size方法，而高版本的jquery没有size方法。

size() 方法在 jQuery 版本 1.8 中被废弃。请使用 length 属性代替。

复制代码<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
		<script>
			$(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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
		<script>
			$(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>
登录后复制