` 但没有 `class="active"` 属性的元素。---## 常见应用场景### 1. 排除特定类型的元素 当需要对一组元素进行操作时，可以使用 `:not()` 来排除不需要的部分。比如，在页面中隐藏所有非按钮元素：```javascript $('p, span, div').hide(); // 隐藏所有段落、span 和 div $('button:not(:disabled)').css('background-color', 'blue'); // 将所有可用按钮变为蓝色 ```### 2. 动态表单验证 在表单验证中，可以利用 `:not()` 忽略某些字段或类型。例如，只验证必填项：```javascript $('input[type!="hidden"]').each(function () {if ($(this).val() === '') {alert('Please fill out all required fields.');} }); ```### 3. 样式应用 通过 `:not()` 可以对部分元素设置样式，而忽略其他元素。例如，为非空链接添加特殊样式：```css a:not([href^="#"]) {color: red; } ```---## 代码示例以下是一个完整的代码示例，演示如何使用 `:not()` 来筛选和操作元素：```html

:not() 示例

• 项目 1
• 项目 2
• 项目 3
• 项目 4

切换活动状态 ```在这个例子中： - 点击按钮后，所有非活动项（即没有 `class="active"` 的元素）都会被高亮显示。 - 同时，活动项的高亮样式会被移除。---## 总结`:not()` 是 jQuery 中一个强大且灵活的选择器工具，能够帮助开发者快速定位和操作目标元素。通过合理使用 `:not()`，可以显著提高代码的可读性和开发效率。希望本文的内容能为你提供实用的帮助！

简介jQuery 是一个广泛使用的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等操作。在 jQuery 中，`:not()` 是一个非常有用的伪类选择器，用于选取所有不符合指定条件的元素。本文将详细介绍 `:not()` 的概念、语法、使用场景以及实际案例，帮助开发者更好地理解和运用这一功能。---

多级标题1. [什么是 `:not()`](

什么是-not) 2. [`:not()` 的语法](

not-的语法) 3. [`:not()` 的工作原理](

not-的工作原理) 4. [常见应用场景](

常见应用场景) 5. [代码示例](

代码示例)---

什么是 `:not()``:not()` 是 jQuery 提供的一个伪类选择器，用于匹配所有不满足特定条件的元素。与普通的选择器不同，`:not()` 可以动态地排除某些元素，从而实现更灵活的筛选效果。---

`:not()` 的语法```javascript $(':not(selector)') ```- **selector**：需要排除的元素的选择器。 - 返回值：所有不符合 `selector` 条件的元素集合。---

`:not()` 的工作原理`:not()` 的核心思想是基于 CSS 选择器语法扩展而来的。它通过遍历 DOM 元素，并检查每个元素是否符合指定的条件（即是否匹配 `selector`）。如果某个元素不匹配，则会被包含在结果集中。例如，`$('div:not(.active)')` 会返回所有标签为 `