从包含所有段落的集合中删除 id 为 "selected" 的段落:

$("p").not("#selected")

定义和用法

not() 从匹配元素集合中删除元素。

语法 1

.not(selector)
参数 描述
selector 字符串值,包含用于匹配元素的选择器表达式。

语法 2

.not(element)
参数 描述
element 一个或多个需要从匹配集中删除的 DOM 元素。

语法 3

.not(function(index))
参数 描述
function(index) 用于检测集合中每个元素的函数。this 是当前 DOM 元素。

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象,.not() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所应用的选择器会检测每个元素;不匹配该选择器的元素会被包含在结果中。

请思考下面这个带有简单列表的页面:

<ul><li>list item 1</li><li>list item 2</li><li>list item 3</li><li>list item 4</li><li>list item 5</li>
</ul>

我们可以向列表项集应用该方法:

$('li').not(':even').css('background-color', 'red');

移除具体的元素

.not() 方法的第二个版本允许我们从匹配集中删除元素,假设我们之前已经通过其他手段找到了这些元素。例如,设想一个列表已经将 id 应用到其中一个项目中:

<ul><li>list item 1</li><li>list item 2</li><li id="notli">list item 3</li><li>list item 4</li><li>list item 5</li>
</ul>

我们可以使用原生的 JavaScript 函数 getElementById() 读取第三个列表项,然后把它从 jQuery 对象中删除:

$('li').not(document.getElementById('notli')).css('background-color', 'red');

转载于:https://www.cnblogs.com/lxl57610/p/7284795.html

jQuery遍历not的用法相关推荐

  1. jQuery 遍历 - closest() 方法

    jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...

  2. php父子遍历,jQuery 遍历

    jQuery 遍历 parent() 方法 实例 查找每个段落的带有 "selected" 类的父元素: $("p").parent(".select ...

  3. jQuery 遍历 - children() 方法

    jQuery 遍历参考手册 实例 找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色: $("div").children(" ...

  4. jquery 遍历无限极树_jQuery parent()和children()树遍历函数示例

    jquery 遍历无限极树 jQuery provides a lot of tree traversal functions that we can use to get the parent, c ...

  5. jQuery操作Dom元素、jQuery遍历、JavaScript遍历

    目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...

  6. jquery遍历json数组

    一.使用each遍历 代码如下:      $(function () { var tbody = "";            //------------遍历对象 .each的 ...

  7. jQuery 遍历方法总结

    遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...

  8. jQuery遍历的几种方式

    jQuery遍历的几种方式 1. jq对象.each(callback) 或 选择器.each(callback) 1.1. 回调函数不带参数 (*注意:这种不带参数的回调只能获取到集合中的每一个元素 ...

  9. jquery遍历json与数组方法总结each()

    在jquery中遍历数组或json数组我们使用最多的方法是each这个函数了或使用foreach,for也是可以实现的,下面我来给大家详细介绍jquery遍历json与数组实现. 代码如下复制代码 先 ...

最新文章

  1. Java HttpClient 4.3.1 访问ASP.NET WebService
  2. 推荐一个很牛逼的 Github 项目:本人历时半年完成的【Java 面试 + Java 后端技术学习指南】,已拿大厂offer
  3. java filereader类_Java FileReader类
  4. python循环迭代_Python中循环迭代的重做
  5. Visual Studio 2010 C++ 用户属性设置
  6. Djanog结合jquery实现ajax
  7. 3个开源TTS(三)flite的简要分析与espeak的选择
  8. (转)驱动开发之五 --- TDI之八 【译文】
  9. MyBatis中出现Mapped Statements collection does not contain value 问题
  10. 自动控制原理第七版胡寿松pdf_自动控制原理简明笔记—(05)
  11. Python爬虫---汽车之家字体反爬
  12. 主成分分析法(三):计算步骤
  13. 内存核心频率、工作频率,等效频率、预读取技术详解
  14. 电商网站对服务器配置有什么要求?
  15. QModelIndex/Role/Model介紹一
  16. 悉尼大学USYD2022S2// INFO1110// Week2 lecture2a: Variables and Data types
  17. 一些程序员的找工作常见的面试问题
  18. quartz mysql 表 集群配置_Spring整合实战丨Quartz 集群配置
  19. 解决右键点击文件反应很慢 (可解决文件夹,以及各种exe,快捷方式,图片,txt等文件) 【亲测有效】
  20. centos7 mini 版虚拟机基础安装配置 (含网络)

热门文章

  1. java里面有控制器吗_mvc中 控制器部分可以使用Javabean完成吗?为什么?
  2. Java 泛形通配符 ?
  3. php获取网络文件的几种方式,PHP如何实现获取网络上的文件?
  4. java additem 错,Java错误:IllegalArgumentException:向容器添加窗口
  5. 10个常见的JS语言错误总汇
  6. Docker-compose 常用命令及网络设置(五)
  7. gtk/Glade编程 编译命令不成功 解决方法
  8. 跨库一致性_设计跨平台的一致性
  9. HTTP Server Error 500 内部服务器错误
  10. 条款6:若不想使用编译器自动生成的函数,就该明确拒绝