1. 程式人生 > >jQuery :not()選擇器

jQuery :not()選擇器

<!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>