jQuery API All Selector (*”)

最新推荐文章于 2022-05-14 15:20:20 发布

依然那么楞

最新推荐文章于 2022-05-14 15:20:20 发布

阅读量596

点赞数

文章标签： jquery api All selector

All Selector (“*”)

jQuery("*")

警告：除非被它自己使用，否则 * 选择器或通用选择器，其速度是极其慢的。

例子:

Example: 查找文档中的每一个元素（包括 head, body 等）。请注意,如果您的浏览器扩展/插件启用,插入一个<script>或<link>元素到DOM,该元素就会被计算。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <script src="jquery-1.10.2.js"></script>
 <style>
 	h3{ margin:0;}
	div,span,p{ width:80px; height:40px; float:left; padding:10px; margin:10px; background:#EEE; }
 </style>
</head>

<body>
<div>DIV</div>
<span>span</span>
<p> p <button>Button</button></p>
<script>
	var elementCount = $("*").css("border","3px solid #0FF").length;
	$("body").prepend("<h3>" + elementCount + "elements found</h3>");
</script>
</body>
</html>

效果图：

Example: 查找document.body的所有元素所以像head，script等元素被排除在外。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <script src="jquery-1.10.2.js"></script>
 <style>
 	h3{ margin:0;}
	div,span,p{ width:80px; height:40px; float:left; padding:10px; margin:10px; background:#EEE; }
	#test{ width:auto; height:auto; background:transparent;}
 </style>
</head>

<body>
<div id="test">
	<div>DIV</div>
	<span>span</span>
	<p> p <button>Button</button></p>
</div>
<script>
	var elementCount = $("#test").find("*").css("border","3px solid #0FF").length;
	$("body").prepend("<h3>" + elementCount + "elements found</h3>");
</script>
</body>
</html>

效果图：