jQuery :not()选择器

最新推荐文章于 2021-09-04 18:55:28 发布

原创最新推荐文章于 2021-09-04 18:55:28 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文通过实例演示了如何使用 jQuery 中的 :not() 选择器来排除特定元素，并对其它元素应用样式。测试中发现使用 :not(':checked') 无法正常工作，但使用 id 作为选择器时可以正确应用背景色。

部署运行你感兴趣的模型镜像

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:not(selector)</title>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--
		去除所有与给定选择器匹配的元素
		在jQuery 1.3中，已经支持复杂选择器了（例如:not(div a) 和 :not(div,a)）
	-->
	<input name="apple" />
	<input name="flower" checked="checked" id="a" />
	<div>divdiv</div>
	<a>aaa</a>
</body>
<script type="text/javascript">
	//$("input:not(:checked)").css('background','purple');
        //显示结果不正确[测试好多次，用了几个库都不能执行正确结果，不知道自己的问题还是什么原因，加了id之后，用id做选择器是好用的，如下]
	//$("input:not(#a)").css('background','purple');显示结果正确
	$(":not('input')").css('background','#666');
</script>
</html>

您可能感兴趣的与本文相关的镜像