jQuery遍历not的用法
从包含所有段落的集合中删除 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的用法相关推荐
- jQuery 遍历 - closest() 方法
jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...
- php父子遍历,jQuery 遍历
jQuery 遍历 parent() 方法 实例 查找每个段落的带有 "selected" 类的父元素: $("p").parent(".select ...
- jQuery 遍历 - children() 方法
jQuery 遍历参考手册 实例 找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色: $("div").children(" ...
- jquery 遍历无限极树_jQuery parent()和children()树遍历函数示例
jquery 遍历无限极树 jQuery provides a lot of tree traversal functions that we can use to get the parent, c ...
- jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
- jquery遍历json数组
一.使用each遍历 代码如下: $(function () { var tbody = ""; //------------遍历对象 .each的 ...
- jQuery 遍历方法总结
遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...
- jQuery遍历的几种方式
jQuery遍历的几种方式 1. jq对象.each(callback) 或 选择器.each(callback) 1.1. 回调函数不带参数 (*注意:这种不带参数的回调只能获取到集合中的每一个元素 ...
- jquery遍历json与数组方法总结each()
在jquery中遍历数组或json数组我们使用最多的方法是each这个函数了或使用foreach,for也是可以实现的,下面我来给大家详细介绍jquery遍历json与数组实现. 代码如下复制代码 先 ...
最新文章
- Java HttpClient 4.3.1 访问ASP.NET WebService
- 推荐一个很牛逼的 Github 项目:本人历时半年完成的【Java 面试 + Java 后端技术学习指南】,已拿大厂offer
- java filereader类_Java FileReader类
- python循环迭代_Python中循环迭代的重做
- Visual Studio 2010 C++ 用户属性设置
- Djanog结合jquery实现ajax
- 3个开源TTS(三)flite的简要分析与espeak的选择
- (转)驱动开发之五 --- TDI之八 【译文】
- MyBatis中出现Mapped Statements collection does not contain value 问题
- 自动控制原理第七版胡寿松pdf_自动控制原理简明笔记—(05)
- Python爬虫---汽车之家字体反爬
- 主成分分析法(三):计算步骤
- 内存核心频率、工作频率,等效频率、预读取技术详解
- 电商网站对服务器配置有什么要求?
- QModelIndex/Role/Model介紹一
- 悉尼大学USYD2022S2// INFO1110// Week2 lecture2a: Variables and Data types
- 一些程序员的找工作常见的面试问题
- quartz mysql 表 集群配置_Spring整合实战丨Quartz 集群配置
- 解决右键点击文件反应很慢 (可解决文件夹,以及各种exe,快捷方式,图片,txt等文件) 【亲测有效】
- centos7 mini 版虚拟机基础安装配置 (含网络)
热门文章
- java里面有控制器吗_mvc中 控制器部分可以使用Javabean完成吗?为什么?
- Java 泛形通配符 ?
- php获取网络文件的几种方式,PHP如何实现获取网络上的文件?
- java additem 错,Java错误:IllegalArgumentException:向容器添加窗口
- 10个常见的JS语言错误总汇
- Docker-compose 常用命令及网络设置(五)
- gtk/Glade编程 编译命令不成功 解决方法
- 跨库一致性_设计跨平台的一致性
- HTTP Server Error 500 内部服务器错误
- 条款6:若不想使用编译器自动生成的函数,就该明确拒绝