在 jQuery 中可以: not() 选择器来选择除指定元素以外的所有元素,:not() 选择器选择与给定元素不匹配的所有元素.:not() 选择器中接受所有元素, 例: not(div a) 和 :not(div,a).
语法:
$(":not(selector)")
参数:
● selector: 用于指定不要选择的元素. selector 参数接受任何类型的选择器.
示例 1: 选择除了 p.intro 的所以 p 元素, 并更改背景颜色
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body style="text-align: center;">
- <p class="intro">
- Hello World!
- </p>
- <p>
- jQuary :not 选择器
- </p>
- <p>
- 改变背景色
- </p>
- <button>
- 改变 color
- </button>
- <script src="https://code.jquery.com/jquery-1.10.2.js">
- </script>
- <script>
- $(document).click(function() {
- $("p:not(.intro)").CSS("background-color", "plum");
- });
- </script>
- </body>
- </HTML>
效果图:
示例 2:
- <!DOCTYPE HTML>
- <HTML>
- <body>
- <div>
- <input type="checkbox" name="a">
- <span>
- Mary
- </span>
- </div>
- <div>
- <input type="checkbox" name="b">
- <span>
- lcm
- </span>
- </div>
- <div>
- <input type="checkbox" name="c" checked="checked">
- <span>
- Peter
- </span>
- </div>
- <script src="https://code.jquery.com/jquery-1.10.2.js">
- </script>
- <script>
- $("input:not(:checked) + span").CSS("background-color", "yellow");
- $("input").attr("disabled", "disabled");
- </script>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/jquery/10427.html