:not()选择器和.not()方法

:not() 选择器选取除了指定元素以外的所有元素。 最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素 eg: $("p:not(.intro)") 选取除了 class=“intro” 元素以外的所有 < p > 元素 参考： https://www.runoob.com/jquery/jq-sel-not.html. ...

结构伪类选择器是针对 HTML 层级结构的伪类选择器。常用的结构化伪类选择器有：:root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、:empty选择器、:target选择器。

如果希望某个样式不作用到选择器上，可以使用:not(选择器） 如： <input type="text" value="1" /> <input type="text" value="2" /> <input type="text" class="no-red" value="3"/> input[type="text"] { display: blo...

因为老是将这两个的not方法弄混，所以写一下备忘。 css中:not()选择器用法 :not 伪类选择器可以筛选不符合表达式的元素，:not(selector) 其中的selector为css选择器 ul li:not(:first-child) ul li:not(.text) //不包含class="text"的元素 :not(p) //非段落元素 ul li:not(:first-child):not(:last-child) //not可叠加使用 jQuery中.not()方法

`:empty` 用于选择指定的没有子元素（包括文本节点）的元素。 `:not(selector)` 选择每个元素不是指定的元素或选择器部分；就是取非。

本文主要描述:is()、:where()、:has()、:not()，四个方法大部分内容相同，首先主要讲:is()方法，并根据:is()方法与:where():has():not()方法的不同来说明这三种方法的特性:is()使用方法选择器特定性安全性伪类和伪元素的支持前空格意义兼容性:is()

$('#news tr:nth-child(even)').addClass('alt'); 与 $('#news').find('tr:nth-child(even)').addClass('alt'); 是一样的结果， 有时候使用.not() 方法而不是 ：not 选择器来执行，因为：使用 :not() 通常会构建出一个非常复杂的选择器。所以大多数情况下，推荐使用 not()方法。 J

选择器是开发网站写样式时必须用到的知识点，如果你有关注。

使用属性选择器的通配符匹配可以更灵活地选择元素。选择器可以将多个选择器分组，大幅减少重复代码。更智能的焦点状态管理，减少不必要的轮廓样式。使用公式选择特定元素，实现复杂的选择模式。使用容器查询，实现更精确的响应式设计。，但特异性为0，让样式更容易被覆盖。让我们终于可以基于子元素选择父元素。支持多个选择器，大大增强了排除能力。优雅处理空元素，无需额外的类名标记。组合多个选择器条件，实现精确匹配。管理样式优先级，减少特异性战争。选择器，处理元素间关系。

.not() 遍历方法 从匹配元素集合中移除元素 :not() 选择器 选取除了指定元素以外的所有元素 .siblings() 遍历方法 返回被选元素的所有同级元素 需排除对象单数个（1个） 获取ul中除id="unwanted" 的其他所有 li 1 <ul> 2 &l...

JQuery其他选择器

为了快速操作元素，除了选择器之外，jQuery提供了以“方法”形式存在的两种方式：过滤方法和查找方法。 过滤方法和查找方法跟选择器之间是互补关系，它们补充了很多使用选择器无法进行的操作，例如选取当前元素的父元素、获取当前元素的子元素、判断当前元素是否处于动画状态等。 类名过滤：hasClass() 类名过滤，指的是根据元素的class来过滤。 $().hasClass(“类名”) hasClass()方法一般用于判断元素是否包含指定的类名：如果包含，则返回true；如果不包含，则返回false。 $(“li

:not() :not(".class")类名不是class的元素 :not(":checked")未被选中的input :checked $(":checked")被选中的input 转载于:https://www.cnblogs.com/ZLHF/p/6797351.html

原文链接：h1 ~ span:not(h1 ~ span + span) 昨天知乎上有一位朋友提了这么一个问题，怎么使用相邻兄弟选择器“+”选中h1后面的这个`<span>We are targeting this span element.</span>`元素。 <div class="container"> <span>This is a span element.</span> <span>This is a s..

前面的话 　　本文介绍过滤选择器中的内容选择器。内容选择器的过滤规则主要体现在它所包含的子元素或文本内容上 :contains(text) 　　:contains(text)选择器选择含有文本内容为'text'的元素，返回集合元素 //返回所有文本内容包含'test'的元素 $(':contains("test")') //返回所有文本内容包含'test'的span元素 ...

通过确定属性以及属性值来选中对应的内容，例如id属性，class属性，src属性，href属性。定义：不真实存在的类，是一种特殊的类，它表示的元素的一种状态，不是固定某一定。[属性名^=属性值]{} 选择属性值以指定值开头的元素。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。[属性名*=属性值]{} 选择属性值含有某值的元素。语法：[属性名]{} 选择含有指定属性的元素。2n或even 偶数。2n+1或odd 奇数。