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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/282866.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux 字符串加入中括号,Linux Shell 基础 -- 总结几种括号、引号的用法

1、双引号 " "双引号常用于包含一组字符串&#xff0c;在双引号中&#xff0c;除了 "$"、""、" (反引号)"有特殊含义外&#xff0c;其余字符(如IFS、换行符、回车符等)没有特殊含义。$ a3$ echo "$a"输出结果为 3&#xff…

设计模式相关

多例模式 转载于:https://www.cnblogs.com/our880tom/p/6392983.html

一个countDown在多线程调度下使用不当的分享

2019独角兽企业重金招聘Python工程师标准>>> 一个countDown在多线程调度下使用不当的分享 1. 诡异的数据抖动 在一个需求开发过程中&#xff0c;由于有多角色需要获取每个角色下的菜单&#xff1b;结果出现了单角色下拉去菜单没问题&#xff0c;多角色情况下只有一个…

我坚持三年了!

阅读本文大概需要5分钟。不知不觉&#xff0c;公众号写作已经持续了3年了。2019年11月底&#xff0c;心血来潮写了第一篇文章&#xff0c;更多是为了复盘过去的一些工作经历。在前几天&#xff0c;读者数突破了16万&#xff0c;虽然这个数字相比那些头部大号而言并不多&#xf…

关于Qt模态框总汇

转载请注明出处&#xff1a;http://www.cnblogs.com/dachen408/p/7285710.html 父窗体为QMainWindow&#xff1b; 当子窗体为&#xff1a; 1.QWidget&#xff0c;需要设置 this->setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog); this->setWindowModality(Qt::Win…

linux脚本打印循环次数,shell脚本编程基础(3)——循环用法

本节索引&#xff1a;一、if、case条件判断二、for、while及until循环三、循环控制语句continue、break、shift及select菜单四、信号捕捉trap在前面的基础编程内容中&#xff0c;我们已经学习了shell脚本的顺序执行及选择执行&#xff0c;通过这两种方式&#xff0c;可以帮我们…

RTSP服务器之————rtsp-server(轻量级RTSP / RTP流媒体服务器)

github&#xff1a;https://github.com/revmischa/rtsp-server 轻量级RTSP / RTP流媒体服务器

EF CORE 7 中的新功能:使用 ExecuteDelete 和 ExecuteUpdate 进行批量操作

原文链接&#xff1a;https://timdeschryver.dev/blog/new-in-entity-framework-7-bulk-operations-with-executedelete-and-executeupdate原文作者&#xff1a;tim_deschryver翻译&#xff1a;沙漠尽头的狼(谷歌翻译加持)Entity Framework 7 包括一些已被要求的流行功能&#…

java 简单json和对象相互转换

2019独角兽企业重金招聘Python工程师标准>>> package Fasterxml; import com.fasterxml.jackson.databind.ObjectMapper; import mode.User; import java.io.StringWriter; import java.util.ArrayList; import java.util.List;/*** maven...**<dependency>* …

畅想动画制作的乐趣

为什么要制作动画&#xff1f; 现在的营销活动&#xff0c;用一个很简单的图片去吸引消费者已经远远不够。想让消费者创造GMV&#xff0c;肯定需要让消费者觉得眼前一亮或是有视觉冲击的东西&#xff0c;或者在动画过程中提供更好的引导部分&#xff0c;比如红包&#xff0c;引…

Linux的scan命令,linux的scan命令

linux下scan命令主要是以scanf的形式使用转换符解析字符串&#xff0c;下面由秋天网 Qiutian.ZqNF.Com小编为大家整理了linux下scan命令的相关知识&#xff0c;希望对大家有帮助!linux的scan命令详解scan - 以sscanf的形式使用转换符解析字符串语法:scan string format ?varna…

Spring Cloud Gateway 原生支持接口限流该怎么玩

关于pig&#xff1a; 基于Spring Cloud、oAuth2.0开发基于Vue前后分离的开发平台&#xff0c;支持账号、短信、SSO等多种登录&#xff0c;提供配套视频开发教程。 关于 Spring Cloud Gateway SpringCloudGateway是Spring官方基于Spring 5.0&#xff0c;Spring Boot 2.0和Projec…

我的手机 不支持箭头函数

不支持&#xff0c;要换成function的形式 转载于:https://www.cnblogs.com/web-fusheng/p/7295901.html

中标麒麟linux卸载qt,国产化 银河麒麟编译Qt程序的问题汇总 | 阿拉灯

Run in terminal莫名奇妙软件无法在QtCreator中运行或者调试&#xff0c;main函数都无法进入&#xff0c;QtCreator中一运行就崩溃&#xff0c;并跳到汇编界面&#xff0c;这多半和代码没什么关系&#xff0c;我这里是将项目->运行中的“Run in terminal”去掉勾选&#xff…

css3-13 如何改变文本框的轮廓颜色

css3-13 如何改变文本框的轮廓颜色 一、总结 一句话总结&#xff1a;outline使用和border很像&#xff0c;几乎一模一样&#xff0c;多了一个offset属性 1、轮廓outline如何使用&#xff1f; 使用和border很像&#xff0c;几乎一模一样&#xff0c;多了一个offset属性 18 …

ios添加设备真机测试,以及Undefined symbols for architecture x86_64:''错误

问题今天坑了好久&#xff0c;然后找了各种资料 添加设备这个直接去开发者中心添加一个设备进去就好&#xff0c;具体流程百度&#xff0c;第二个问题是属于路径不对或者是静态库没有添加成功&#xff0c;项目可以看到&#xff0c;到时路径找不到&#xff0c;你把静态库拖到桌面…

linux NF NR实例,awk内建变量示例详解之NR、FNR、NF

NR表示从awk开始执行后&#xff0c;按照记录分隔符读取的数据次数&#xff0c;默认的记录分隔符为换行符&#xff0c;因此默认的就是读取的数据行数&#xff0c;NR可以理解为Number of Record的缩写。在awk处理多个输入文件的时候&#xff0c;在处理完第一个文件后&#xff0c;…

迷宫探索

/* 5 4 0 0 1 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 1 1 1 4 3 */#include<iostream>using namespace std;struct node {int x;//横坐标int y;//纵坐标int f;//父亲在队列中的编号int s;//步数 };int main() {node que[2051];int a[51][51]{0};int book[51][51]{0};//定义一…

Kinect2.0获取数据

最近事情真是多&#xff0c;今天抽空研究一下Kinec2.0的数据获取&#xff01; 系统要求 https://developer.microsoft.com/en-us/windows/kinect/hardware-setup 系统环境 联想Y430P&#xff0c;Windows10 首先安装了Kinect for Windows SDK &#xff08;KinectSDK-v2.0_1409-S…

linux超级工具,linux运维超级工具--sysdig

sysdig 是一个超级系统工具,它可以用来捕获系统状态信息&#xff0c;在运维工作中sysdig能很方便的排查异常、定位故障&#xff0c;它还能保存数据进行分析&#xff0c;并且提供强大的命令接口。在了解sysdig强大之处之前,首先得安装sysdig&#xff0c;我这里是环境是centos6.7…