选择器中含有空格的注意事项

最新推荐文章于 2022-10-01 21:58:01 发布

javaScript小主

最新推荐文章于 2022-10-01 21:58:01 发布

阅读量169

点赞数

本文链接：https://blog.csdn.net/qq_45683093/article/details/102771789

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器中含有空格的注意事项</title>
		<script language="javascript" src="jss/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div class="name">
			<div style="display:none;">小科</div>
			<div style="display:none;">小王</div>
			<div style="display:none;">小张</div>
			<div style="display:none;" class="name">小新</div>
		</div>
		<div style="display:none;" class="name">小杨</div>
		<div style="display:none;" class="name">小刘</div>
		<script>
			var $1_a=$(".name:hidden");            //带空格的jQuery选择器
			var $1_b=$(".name:hidden");            //不带空格的jQuery选择器
			var len_a=$1_a.length;
			var len_b=$1_b.length;
			alert("$('.name:hidden')="+len_a);           //输出4
			alert("$('.name:hidden')="+len_b);           //输出3
		</script>
	</body>
</html>