jQuery选择器除其父元素为div之外的所有元素 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

利用jQuery not()方法选取除某个元素外的所有元素

日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。...这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下： $("div.content *").not(".keep"); 表示....content 类的 div 下除 .keep 类以外的所有元素；另外，注意这里的 * 表示所有元素。...示例： HTML div class="box"> 点击按钮删除下面绿色框中所有不是keep类的元素，keep类的元素用红色区分。...声明：本文由w3h5原创，转载请注明出处：《利用jQuery not()方法选取除某个元素外的所有元素》 https://www.w3h5.com/post/439.html

4K1 0

jQuery中排除指定元素，同时选择剩下的所有元素

场景：某页面用了js延时加载技术处理所有图片，以改善用户体验，但是有几个图片不想延时加载，要求把它们单独挑出来。...研究了一下jQuery的API文档，搞掂了，jQuery真的很方便，贴在这里备份：菩提树下的杨过 jquery-1.4.3.min.js"> $().ready(function..."，且等于"false"的div排除掉，然后把剩下的div全选中，并设置为红色字体。

2.6K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery选择器和选取方法

blockquote”选取文档中的所有元素，而”div.note” 则选取所有class属性为”note”的元素。...[attr] 匹配拥有attr属性(和值无关)的所有元素 [attr=val] 匹配拥有attr属性且值为val的所有元素 [attr!...如果传递jQuery对象、元素数组或单一元素给not()，它会返回除了显式排除的元素之外的所有选中元素。..., #footer"); //除了两个特殊元素之外的所有元素在jQuery 1.4中，提取选区的另一种方式是has()方法。...children()方法返回每一个选中元素的直接子元素，可以用可选的选择器参数进行过滤: //寻找id为"header"和"footer"元素的子节点元素中的所有元素 //与$("#header

6.1K4 0

JQuery选择器（中）

E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始 E:first-child:是其父元素的第1个类型为E的子元素 E:last-child...:是其父元素的最后一个类型为E的子元素 E:only-child:且是其父元素的唯一一个类型为E的子元素 E:empty:没有子元素（包括text节点）的类型为E的元素 E:enabled E:disabled...E:odd:从匹配的元素集中取序数为奇数的元素 E:parent:选择包含子元素（包含text节点）的所有元素 E:contains('test'):选择所有含有指定文本的元素表单选择器: E:input...:选取单前节点的父节点 @:选取属性,这个在之前说过了(属性选择器) nodename:选取节点下的所有节点 jQuery中的应用: 根节点是很少用到的,常用的如下面的例子: $("div/p")相当于...):查询指定XML文档中的所有div元素选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容的使用

2.8K9 0

jQuery 教程

：除此之外，jQuery 还提供了大量的插件。...它基于已经存在的 CSS 选择器（ https://www.runoob.com/cssref/css-selectors.html ）除此之外，它还有一些自定义的选择器。...”) 属于其父元素的第二个元素的所有元素 :nth-last-of-type(n) $(“p:nth-last-of-type(2)”) 属于其父元素的第二个元素的所有其父元素的特定类型的唯一子元素的所有元素 $(“div > p”) div> 元素的直接子元素的所有元素 parent descendant $(“div p”)...//所有含有 id 属性的 div 元素 $("div[id='123']") // id属性值为123的div 元素 $("div[id!

21K2 0

删除线性表中所有值为x的数据元素

voide del_x_l(SqlList &L,Elemtype x){ int k=0;//记录值不等于x的元素个数 for(i=0;i<L.length;i++){...=x){ L.data[k]=L.data[i]; k++;//不等于x的元素增1 } } L.length=k; }...voide del_x_2(SqlList &L,Elemtype x){ //用K记录顺序表L中等于X的元素个数，便扫描L边统计K，并将不等于X的元素前移k个位置，最后修改L的长度...int k=0,i=0;//记录值等于x的元素个数 while(i<L.length){ if(L.data[i]==x) K++; else...L.data[i-k]=L.data[i];//当前元素前移K个位置 i++; } L.length=L.length-k; }

2K3 0

jQuery常用的选择器

选取页面中元素可以使用jQuery给我们提供的$()方法，该方法需要提供选择器作为参数，方法执行完成后会返回给我们一个jQuery对象，被选取的元素就包含在该对象中。...1.1基础选择器选择器实列说明全局选择器 $('*') 选择所有元素标签选择器 $('p') 选择所有的p元素 ID选择器 $('#top') 选择所有id属性值为top的元素 class选择器...$('.box') 选择所有clss属性值为top的元素多重选择器 $('div, p') 选择所有的div元素和p元素 2.2 按层次结构选取元素选择器实列说明子代选择器 $('div...> p') 选择作为div元素子元素的所有p元素后代选择器 $('div p') 选择作为div后代的所有p元素相邻选择器 $('div + p' 选择紧邻div元素且位于其后的p元素兄弟选择器...$('div:parent') 选择匹配元素集合中包含子元素的所有div元素（包括文本节点） 2.7 选取表单元素 jQuery提供了一些专门为表单设计的选择器，用于快速访问表单元素。

1.2K2 0

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

"); }); class选择器： .class 选择器选取带有指定 class 的所有元素。 class 引用 HTML 元素的 class 属性。..."); }); element选择器： element 选择器选取带有指定元素名称的所有元素。...选择器功能返回值 first() 或 :first 获取第一个元素单个元素 last() 或 :last 获取最后一个元素单个元素 :not(selector) 获取除给定选择器之外的所有元素...元素集合，如$("li:not(.title)") 获取class 不是 title 的元素 :even 获取索引值为偶数的元素，索引号从 0 开始元素集合 :odd 将每一个选择器匹配到的元素合并后一起返回...表单选择器是除了基础选择器的id、class、element之外用的比较多的选择器，一般在填写注册信息的时候会使用到。

6.2K1 0

从零开始学 Web 之 jQuery（二）获取和操作元素的属性

一、jQuery获取和操作元素属性 DOM中有很多方式获取元素，比如通过id，通过标签名，通过类名，通过name的值，通过选择器等方式。...7、子代选择器语法：$("div>span") 选择 div 的直接下一代的所有span，不能隔代。...8、兄弟选择器语法：$("div~span") 选择的是 div 后面的所有兄弟标签为 span 的标签。...9、直接兄弟选择器语法：$("div+span") 选择的是div 后面的直接兄弟标签，如果这个直接兄弟为 span 标签则选中，如果为其他标签则不选中。...prevAll() $("li").prevAll("li"); 查找上面所有的兄弟节点 siblings(选择器) $("#first").siblings("li"); 查找除自身之外的所有兄弟节点

2.3K4 0

【前端】Web前端学习笔记【2】

jQuery拥有特有的CSS-Like选择器，链式写法，封装的各类animate函数，封装了的异步加载。 jQuery封装了AJAX操作。 jQuery的缺点： jQuery比原生JS执行效率慢。...CSS选择器总结 ---- id选择器（#myid）类选择器（.myclassname）标签选择器（div) (h1) (p）相邻兄弟选择器（h1 + p）子选择器（ul > li）后代选择器...（li a）通配符选择器（ * ）属性选择器（a[rel="external"]）伪类选择器（a:hover) (li:nth-child(3)) 优先级为: !...p:last-of-type 选择属于其父元素的最后元素的每个元素。...p:only-of-type 选择属于其父元素唯一的元素的每个元素。 p:only-child 选择属于其父元素的唯一子元素的每个元素。

5452 0

与Ajax同样重要的jQuery（1）

匹配所有正在执行动画效果的元素练习3： ² 设置表格第一行，显示为红色 ² 设置表格除第一行以外显示为蓝色 ² 设置表格奇数行背景色黄色 ² 设置表格偶数行背景色绿色 ² 设置页面中所有标题...('John')") 文本内容含有john 的所有div :empty 选取不包含子元素或者文本节点的空元素 $("td:empty") td元素必须为空 :has(selector) 选取含有选择器所匹配的元素的元素...² 设置含有文本内容 ”传智播客” 的 div 的字体颜色为红色 ² 设置没有子元素的div元素文本内容 ”这是一个空DIV“ ² 设置包含p元素的 div 背景色为黄色 ² 设置所有含有子元素的...⑥：属性过滤选择器通过元素的属性来选取相应的元素 [attribute] 选取拥有此属性的元素 $("div[id]") [attribute=value] 选取指定属性值为value的所有元素 [attribute...⑨：表单对象属性过滤选择器选取表单元素属性的过滤选择器 :enabled 选取所有可用元素 :disabled 选取所有不可用元素 :checked 选取所有被选中的元素，如单选框、复选框 :selected

11.5K6 0

jQuery基础教程之选择器

jQuery基础教程之选择器一、元素选择 1.通配选择符 * Q $("*") 2.标签选择符 div $("div") 3.ID选择符 #id div id="eid">为b 兄弟选择符(E~F) 同级都是 $(".a~.item") 结果为b、c 三、属性选择符 E[att] 匹配包含给定属性的元素 div title="test2...div> $("div[title='test']") 四、伪类选择符 :even 匹配所有索引值为偶数的元素 $("tr:even") :odd 匹配所有索引值为奇数的元素...$('li:last') :first-child 匹配所给选择器( :之前的选择器)的第一个子元素 $("ul li:first-child") :last-child...匹配最后一个子元素 $("ul li:last-child") :nth-child 匹配其父元素下的第N个子或奇偶元素，不是索引值 $("ul li:nth-child(2)") $

4701 0

jQuery

$(document).ready(function(){ // 开始写 jQuery 代码... }); 选择器 #id 选择器 .class 选择器 :type 类型选择器 ("*")选取所有元素在线实例...)") //挑选除 id="runoob" 以外的所有li 3.2内容过滤选择器 $("div:contains('Runob')") // 包含 Runob文本的元素 $("td:empty")...//含有子元素或者文本的元素 3.3可见性过滤选择器 $("li:hidden") //匹配所有不可见元素，或type为hidden的元素 $("li:visible") //匹配所有可见元素...3.4属性过滤选择器 $("div[id]") //所有含有 id 属性的 div 元素 $("div[id='123']") // id属性值为123的div 元素 $(...树 children() - 所有直接子元素 find() - 被选元素的所有后代元素，div下所有span：$("div").find("span"); 在 DOM 树中水平遍历有许多有用的方法让我们在

5.3K1 0

jQuery选择器（20171026）

//（选取当前正在执行动画的所有元素） b)内容过滤选择器 :contains(text)//选取含有文本内容为text的元素 :empty//选取不包含子元素或者文本的空元素 :has(selector...)//选取含有选择器所有匹配的元素的元素 :parent//选取含有子元素或者文本的元素 c)可见性选择器 :hidden//选取所有不可见的元素（包括<input type="hidden" /...:hidden") :visible//选取所有可见元素 d)属性选择器 [attribute]//选取拥有此属性的元素 [attribute=value]//选取属性的值为value的元素 [attribute...[attribute*=value]//选取属性的含有value的元素 [selector1][selector2][selectorN]//属性选择器合并成一个复合属性选择器，注意：此处为属性选择器的并集...:only-child//若某子元素是其父元素中惟一的子元素，将会被匹配 f）表单对象属性选择器 :enabled//选择所有可用元素，例$("#form1:enabled") :disabled

1.3K2 0

jQuery 常用方法

Ajax 交互选择器符号$表示 jQuery 对象，$函数通常也被称为 jQuery 的工厂函数，jQuery 的操作基本上都以$( )开始，所有选择器都放在这个括号中，例如$("#title")将返回一个...的元素 Class 选择器集合元素 $(".test") 选取所有 class 为 test 的元素通配符选择器集合元素 $("*") 选取所有的元素群组选择器集合元素 $("span,p.item... 的子元素相邻元素选择器集合元素 $(".item+div") 选取 Class 为 item 的下一个 div> 兄弟元素兄弟元素选择器集合元素 $("#item~div")...选取 ID 为 item 的元素后面的所有 div> 兄弟元素过滤选择器，主要是通过特定的过滤规则来筛选出所需的 DOM 元素，过滤规则与 CSS 中的伪类选择器语法相同，即选择器都以一个冒号:开头...之后的第一个兄弟元素 .next();· 之后的所有兄弟元素 .nextAll(); 之前的第一个兄弟元素 .prev(); 之后的所有兄弟元素 .prevAll(); 除本身以外的所有兄弟元素 .siblings

3.4K5 0

JQuery的简述、使用方法和选择器

使用前的准备 ? JQ中常用的选择器一、基本选择器 1、id选择器通过元素id获取相关元素 ? 2、元素选择器获得body内的相关元素，如div、input等 ?...二、层级选择器 1、ancestor descendant 在给定的祖先元素下匹配所有的后代元素 ? 2、parent > child 在给定的父元素下匹配所有的子元素 ?...3、prev + next 匹配所有紧接在 prev 元素后的 next 元素 ?...三、子元素选择器 1、:nth-child 匹配其父元素下的第N个子或奇偶元素 ‘:eq(index)’ 只匹配一个元素，而这个将为每一个父元素匹配子元素。...五、表单选择器匹配所有 input, textarea, select 和 button 元素 ? ---- JQuery的相关API，相关jquery文件，测试源代码已分享之网盘。

1.9K1 0

使用CSS选择器进行元素定位

选择器示例示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素...2 element p 选择所有元素 1 element,element div,p 选择所有div>元素和元素 1 element element div p 选择div>元素内的所有...元素 1 element>element div>p 选择所有父级是 div> 元素的元素 2 element element div p 选择所有紧接着div>元素之后的元素...3 :out-of-range :out-of-range 匹配值在指定区间之外的input元素 3 :in-range :in-range 匹配值在指定区间之内的input元素 3 :read-write...3 :required :required 用于匹配设置了 "required" 属性的元素 3 :valid :valid 用于匹配输入值为合法的元素 3 :invalid :invalid 用于匹配输入值为非法的元素

3.9K5 0

Python3网络爬虫实战-16、Web

CSS 样式，在大括号前面是一个 CSS 选择器，此选择器的意思是选中 id 为 head_wrapper 且 class 为 s-ps-islite 内部的 class 为 s-p-top 的元素。...大括号内部写的就是一条条样式规则，例如 position 指定了这个元素的布局方式为绝对布局，bottom 指定元素的下边距为 40 像素，width 指定了宽度为 100% 占满父元素，height...在 CSS 中是使用了 CSS 选择器来定位节点的，例如上例中有个 div 节点的 id 为 container，那么我们就可以用 CSS 选择器表示为 #container，# 开头代表选择 id，其后紧跟...element,element div,p 选择所有 div 节点和所有 p 节点。 element element div p 选择 div 节点内部的所有 p 节点。...element>element div>p 选择父节点为 div 节点的所有 p 节点。 element element div p 选择紧接在 div 节点之后的所有 p 节点。

1.1K1 0

jQuery

元素集合.nextAll(选择器) 获取到当前元素后面所有元素中指定选择器的那一个 6. nextUntil() => 语法 1....元素结合.nextUntil(选择器) 获取到当前元素后面所有兄弟元素, 直到选择器元素为止(不包含选择器元素) 7. prev() => 当前元素的上一个元素 8. prevAll...元素结合.prevUntil(选择器) 获取到当前元素上面所有兄弟元素, 直到选择器元素为止(不包含选择器元素) 10. parent() => 获取到当前元素的父元素 11....元素集合.children(选择器) 拿到该元素的所有子元素中符合选择器的那一个元素 13. sinblings() => 拿到该元素的所有兄弟元素, 自己除外 14. find...() => 找到该元素中所有后代元素里面符合选择器条件的元素 15. index() => 获取到的就是该元素在其父元素里面的索引位置 */ // 1. first // console.log

2.1K1 0

CSS3选择器介绍及用法总结

类型示例说明 .class 类选择器 .demo 选择所有class包含demo的元素 #id ID选择器 #unique 选择所有id是unique的元素 ele 元素选择器 div 选择所有div...元素 ele,ele 并列选择器 h1,h2 选择所有h1元素和h2元素 ele ele 后代选择器 div p 选择div元素内的所有p元素 :link 伪类选择器 a:link 选择未访问链接 :visited...，不会覆盖产生冲突也很好记“绿化LVHuA” #CSS2选择器# 选择器类型示例说明 * 通配选择器 * 选择所有元素 ele>ele 直接子元素选择器 div>p 选择父级是div元素的p元素...~ele 后兄弟元素选择器 div~p 选择div元素之后的所有p元素 [attr^=val] 属性选择器 a[src^=https] 选择src属性值以https开头的元素 [attr$=val] 属性选择器...:out-of-range 伪类选择器 :out-of-range 选择值在指定区间之外的input元素 :in-range 伪类选择器 :in-range 选择值在指定区间之内的input元素 :read-write

1.8K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭