jquery中not的用法

（最新版）

目录 1.概述 2.语法与参数 3.示例与用法 4.结论 正文 1.概述

jQuery 中的`.not()`方法用于从被选元素组合中移除一个或多个元素，该方法接受一个选择器或一个函数作为参数，用于筛选出不符合条件的元素。

2.语法与参数

`.not(selector, [criteria], [function(index)])`

- `selector`: 选择器，必需。规定不选择的元素，接受任何类型的选择器。

- `criteria`: 可选。一个 CSS 选择器字符串，用于匹配元素。如果提供的选择器代表了一组 DOM 元素，`.not()`方法构建一个新的匹配元素的 jQuery 对象，用于存放筛选后的元素。

- `function`: 可选。一个函数，接受当前元素作为参数。如果该函数返回`true`，那么当前元素就不会包含在结果中。

3.示例与用法

- 示例 1：筛选出除了`.intro`元素以外的所有`.p`元素 ```html

第 1 页 共 3 页

示例 1

这是示例 1 的简介

这是示例 1 的第一个段落

这是示例 1 的第二个段落

```javascript

$(\"p:not(.intro)\").each(function() { console.log($(this).text()); }); ```

- 示例 2：筛选出除了`div`元素以外的所有元素 ```html 示例 2

这是示例 2 的第一个 p 元素

这是示例 2 的第二个 p 元素

```javascript

$(\":not(div)\").each(function() { console.log($(this).text()); });

第 2 页 共 3 页

```

- 示例 3：筛选出不包含`span`标签的`div`元素 ```html 示例 3

```javascript

$(\"div:not(:has(span))\").each(function() { console.log($(this).text()); }); ``` 4.结论

`.not()`方法在筛选元素时非常有用，特别是与其他选择器结合使用时。

第 3 页 共 3 页