首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

尝试选择除一个之外的所有-非() Jquery选择器

非() Jquery选择器是一种用于在HTML文档中选择元素的方法。它可以根据元素的属性、标签名、类名等进行选择,并且可以通过组合多个选择器来精确地定位所需的元素。

以下是除了一个之外的所有非() Jquery选择器:

  1. :not(selector):排除与给定选择器匹配的元素。例如,:not(.class)将选择所有没有指定类的元素。
  2. :first:选择第一个匹配的元素。例如,:first将选择第一个匹配的元素。
  3. :last:选择最后一个匹配的元素。例如,:last将选择最后一个匹配的元素。
  4. :even:选择所有偶数位置的元素(从0开始计数)。例如,:even将选择索引为偶数的元素。
  5. :odd:选择所有奇数位置的元素(从0开始计数)。例如,:odd将选择索引为奇数的元素。
  6. :empty:选择没有子元素或文本内容的元素。例如,:empty将选择没有任何内容的元素。
  7. :parent:选择至少有一个子元素或文本内容的元素。例如,:parent将选择至少有一个子元素的元素。
  8. :header:选择所有标题元素(h1-h6)。例如,:header将选择所有标题元素。
  9. :contains(text):选择包含指定文本的元素。例如,:contains("text")将选择包含"text"的元素。
  10. :has(selector):选择至少有一个匹配选择器的子元素的元素。例如,:has(.class)将选择至少有一个指定类的子元素的元素。
  11. :enabled:选择可用的表单元素。例如,:enabled将选择可用的表单元素。
  12. :disabled:选择禁用的表单元素。例如,:disabled将选择禁用的表单元素。
  13. :checked:选择被选中的复选框或单选按钮。例如,:checked将选择被选中的复选框或单选按钮。
  14. :selected:选择被选中的下拉列表项。例如,:selected将选择被选中的下拉列表项。
  15. :focus:选择当前获取焦点的元素。例如,:focus将选择当前获取焦点的元素。

这些非() Jquery选择器可以帮助开发人员更精确地选择和操作HTML文档中的元素。在使用这些选择器时,可以根据具体的需求选择合适的选择器来定位所需的元素,并结合其他Jquery方法和属性进行进一步的操作和处理。

腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery选择器(满足你的所有业务)

jQuery 选择器允许对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。...它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头:$()。...使用jquery请先引入 jquery.com/jquery-3.1.1.min.js"> 元素选择器 $(this)...intro") //id="intro" 的元素 后代选择器 $("p span") //选取元素里的所有的元素(注:后代选择器选择父元素所有指定选择的元素,不管是儿子级,还是孙子级...的下一个同辈元素集合 $("#demo~p") //选取id为demo的元素后所有同辈元素集合 属性选择器(返回元素集合) $("[href]") //选取所有带有 href 属性的元素

90520

CSS3选择器大全

3.CSS3 结构性伪类选择器—not :not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。...就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成: input:not([type="submit"]){ border:1px solid...6.CSS3 结构性伪类选择器—first-child :first-child选择器表示的是选择父元素的第一个子元素的元素E。...如下表所示: 9.CSS3 only-child选择器 :only-child选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。...简单点理解就是,元素中设置了“readonly=’readonly’” :read-write选择器刚好与:read-only选择器相反,主要用来指定当元素处于非只读状态时的样式。

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

    目录 jQuery简述 jQuery 基本功能 核心符号 网络引入 本地引入 显示与隐藏示例: 示例二: 示例3: 一、基础选择器 id选择器示例: id选择器唯一性示例: class选择器: class..."); }); class选择器: .class 选择器选取带有指定 class 的所有元素。 class 引用 HTML 元素的 class 属性。..."); }); element选择器: element 选择器选取带有指定元素名称的所有元素。...选择器 功能 返回值 first() 或 :first 获取第一个元素 单个元素 last() 或 :last 获取最后一个元素 单个元素 :not(selector) 获取除给定选择器之外的所有元素...表单选择器是除了基础选择器的id、class、element之外用的比较多的选择器,一般在填写注册信息的时候会使用到。

    5.6K10

    新手程序员如何用JQuery写一个轮播图代码,详细解释

    jQuery轮播图代码非常简单, 首先在HTML中创建一个轮播图容器, 然后在CSS中设置容器和图片的样式。...接着在JavaScript中使用jQuery选择器选中所有的图片, 并设置一个定时器,每隔3秒切换一张图片。 代码如下 <!...        .slider img {             width: 100%;             height: 100%;             display: none; /* 默认隐藏所有图片.../jquery-3.6.0.min.js">              $(document).ready(function() {             // 获取所有图片...(':first').each(function(index) { // 遍历除第一张图片之外的其他图片                     $(this).prev().addClass('active

    36110

    jQuery中的9个选择器

    选择器是 jQuery 最基础的东西,本文中列举的选择器基本上囊括了所有的 jQuery 选择器,也许各位通过这篇文章能够加深对 jQuery 选择器 的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写...本文配合截图、代码和简单的概括对所有 jQuery 选择器进行 了介绍,也列举出了一些需要注意和区分的地方。...next :选取当前元素紧邻的下一个同级元素 prev~  siblings :选取当前元素后面的所有同级元素 3、简单选择器 :first :获取第一个元素 :last :获取最后一个元素 :even...:lt(index) 小于,获取索引小于 index 的元素 :not(selector):获取除指定选择器以外的其他元素 4、内容选择器 :contains(text):获取内容包含 text 文本的元素...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:jQuery中的9个选择器

    1.6K20

    jQuery

    $(document).ready(function(){ // 开始写 jQuery 代码... }); 选择器 #id 选择器 .class 选择器 :type 类型选择器 ("*")选取所有元素在线实例...")选取每个 元素的第一个 元素在线实例("a[target='_blank']")选取所有 target 属性值等于 "_blank" 的 元素在线实例 1.基本选择器 $...+ .classname ") //紧邻下一个元素选择器 $("#id ~ .classname ") //兄弟元素选择器 3.过滤选择器(重点) $("li:first") //第一个...)") //挑选除 id="runoob" 以外的所有li 3.2内容过滤选择器 $("div:contains('Runob')") // 包含 Runob文本的元素 $("td:empty")...//含有子元素或者文本的元素 3.3可见性过滤选择器 $("li:hidden") //匹配所有不可见元素,或type为hidden的元素 $("li:visible") //匹配所有可见元素

    4.7K10

    WEB入门之十三 jQuery选择器

    属性选择器组合 下面通过一个示例来演示属性选择器的具体用法。该示例实现了一个注册表单,当用户单击【注册】按钮时对所有的文本框进行非空验证,如图4.1.7所示。...匹配并获得所有按钮 :file 匹配并获得所有文件域 :hidden 匹配并获得所有隐藏域 下面通过一个示例来演示表单选择器的具体用法 示例4.4 document.write("...表4-1-6 过滤选择器 名称 说明 :first 获得匹配到的第一个元素 :last 获得匹配到的最后一个元素 :not ( selector ) 获得除了匹配的元素之外的元素 :even 匹配所有索引值为偶数的元素...4.2.2 选择器中的空格 选择器中有时需要出现空格,这需要大家特别注意,因为多一个空格和少一个空格会导致出现截然不同的效果,例如下面的代码。...2:实现表单验证 训练技能点 jQuery表单选择器 需求说明 按照图4.2.2所示的界面实现一个简单的表单,并使用jQuery表单选择器进行表单验证,要求:所有项都不能为空,密码长度必须大于等于8

    8210

    WEB入门之十三 jQuery选择器

    属性选择器组合 下面通过一个示例来演示属性选择器的具体用法。该示例实现了一个注册表单,当用户单击【注册】按钮时对所有的文本框进行非空验证,如图4.1.7所示。...匹配并获得所有图片 ​​:reset​​ 匹配并获得所有重置按钮 ​​:button​​ 匹配并获得所有按钮 ​​:file​​ 匹配并获得所有文件域 :hidden 匹配并获得所有隐藏域 下面通过一个示例来演示表单选择器的具体用法...表4-1-6 过滤选择器 ​名称​ ​说明​ ​​:first​​ 获得匹配到的第一个元素 ​​:last​​ 获得匹配到的最后一个元素 ​​:not ( selector )​​ 获得除了匹配的元素之外的元素...4.2.2 选择器中的空格 选择器中有时需要出现空格,这需要大家特别注意,因为多一个空格和少一个空格会导致出现截然不同的效果,例如下面的代码。...2:实现表单验证 ​训练技能点​ jQuery表单选择器 ​需求说明​ 按照图4.2.2所示的界面实现一个简单的表单,并使用jQuery表单选择器进行表单验证,要求:所有项都不能为空,密码长度必须大于等于

    8310

    与Ajax同样重要的jQuery(1)

    jQuery--->DOM对象:$jQuery对象[0]或者$jQuery对象.get(0); DOM对象--->jQuery:$(DOM对象) 2.jQuery九种选择器 选择器是jQuery 的根基...①:基本选择器 根据元素id属性、class属性、元素名称 对元素进行选择 id选择器: $("#元素id属性") class选择器: $(".元素class属性") 元素名称选择器:$("元素名称")...③:基本过滤选择器 :first 选取第一个元素 $("tr:first") :last 选取最后一个元素 $("tr:last") :not(selector) 去除所有与给定选择器匹配的元素 $("...⑧:表单过滤选择器 选取表单元素的过滤选择器 :input 选取所有、、和元素 :text 选取所有的文本框元素 :password...⑨:表单对象属性过滤选择器 选取表单元素属性的过滤选择器 :enabled 选取所有可用元素 :disabled 选取所有不可用元素 :checked 选取所有被选中的元素,如单选框、复选框 :selected

    10K60

    前端架构师之01_JQuery

    jQuery的特点: jQuery是一个轻量级的脚本,其代码非常小巧。 语法简洁易懂,学习速度快,文档丰富。 支持CSS1~CSS3定义的属性和选择器。...通过 __proto__ 可以查看该对象的的原型(即jQuery本身)所具有的属性和方法。 2.2 jQuery选择器 jQuery选择器类似CSS选择器的机制的一种操作HTML元素的方式。...基本选择器 层级选择器 基本过滤选择器 内容选择器 可见性选择器 属性选择器 子元素选择器 表单选择器 2.2.1 基本选择器 jQuery中基本的选择器,常用的分别为:标签选择器、类选择器和ID选择器...3的所有元素 :lt(index) 获取索引小于index的元素 $("li:lt(3)")获取索引小于3的所有元素 :not(seletor) 获取除指定的选择器外的其他元素 $("li.../odd/公式) 选择所有它们的父级元素的第n个子元素,计数从最后一个元素到第一个 带有“of-type” 与未带有“of-type”项的选择器有一定的区别。

    6800

    jQuery 常用方法

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

    2.6K50

    最常见的 20 个 jQuery 面试问题及答案

    jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。...你能用 jQuery 代码选择所有在段落内部的超链接吗?(答案略)   这是另一个关于选择器的 jQuery 面试题。就像其他问题那样,只需一行 jQuery 代码就能搞定。...好吧,除了报错节省服务器带宽以及更快的下载速度这许多的好处之外, 最重要的是,如果浏览器已经从同一个CDN下载类相同的 jQuery 版本, 那么它就不会再去下载它一次....jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。...你能用 jQuery 代码选择所有在段落内部的超链接吗?(答案略)   这是另一个关于选择器的 jQuery 面试题。就像其他问题那样,只需一行 jQuery 代码就能搞定。

    13.8K30

    jQuery介绍与常见选择器的使用

    2.强大的选择器。jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。...另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。由于jQuery支持选择器这一特性,因此有一定CSS经验的开发人员可以很容易的切入到jQuery的学习中来。...jQuery只建立一个名为jQuery的对象,其所有的函数方法都在这个对象之下。其别名$也可以随时交出控制权,绝对不会污染其他的对象。...而且我们得知道,在DOM树中的每一个节点或者说标签,都是一个对象。 以下演示几个常用的选择器: 1.标签选择器。传入标签的名称,就可以控制所有符合该名称的标签,示例: 的类选择器名称,就可以控制包含该选择器的所有标签,示例: <!

    2.7K10

    【JQuery】JQuery入门——知识点讲解(一)

    5. jQuery 基本选择器 6. jQuery 动画效果(了解) 1. jQuery 简述 jQuery 是一个 JavaScript 框架。...注: 压缩版和非压缩版功能代码一模一样 ,区别仅为压缩版将所有的回车换行全部删掉,并且删除 了 绝大部分的注释, 使得代码没有格式地堆在一起。...将“资料”中的 jquery-1.11.3.min.js 引入页面,即可引入 jQuery 基本语法 jQuery( 选择器 ); $( 选择器 ); 以上两种写法效果等价...5. jQuery 基本选择器 jQuery 也有和 CSS 一样,也有选择器概念,即 选择性获取某些标签对象 jQuery 有大量复杂选择器,这里先介绍三个基本选择器。...ID 选择器 $("#id 值 ") 元素选择器 $(" 标签名 ") 类选择器 $(".

    59610

    Selenium+JQuery定位方法及应用

    本文主要学习和了解JQuery的定位;2、那为什么还要做JQuery进行定位呢?因为有的页面使用Selenium方法不能解决,所以可以尝试使用JQuery定位。...1 JQuery定位说明1.1 JQuery定位方法JQuery定位方法有两种:# 1、使用JQuery选择器来完成元素操作(直接获取对应的元素);# 2、使用JQuery遍历来选择元素(用于层级较为复杂的页面元素获取...id="account" autocomplete="off" autofocus="">在控制台中输入$("input")可以看到有3个内容,鼠标放到第一个,我们发现是用户名的输入框,如下:图片那么说明用户名的选择器为...>登录选择器为:$(":button")时,显示两个按钮,其中第二个为登陆按钮:图片那么登陆按钮的选择器为:$(":button")[1]:图片1.3.4 完整代码# -*- coding...选择器2.1 常用选择器列表选择器示例 说明 * $("*")所有元素#id$("#name")id="name" 的元素 .class$(".xxxx")所有 class="xxxx" 的元素element

    42740

    跨平台移动APP开发进阶(三):hbuilder+mui mobile app 开发心酸路

    (使用遮罩蒙版技术解决) 注:在popover、侧滑菜单等界面,经常会用到蒙版遮罩;比如popover弹出后,除popover控件外的其它区域都会遮罩一层蒙版,用户点击蒙版不会触发蒙版下方的逻辑,而会关闭...popover同时关闭蒙版;再比如侧滑菜单界面,菜单划出后,除侧滑菜单之外的其它区域都会遮罩一层蒙版,用户点击蒙版会关闭侧滑菜单同时关闭蒙版。...图一 图二 4.问题描述:一个view有诸多button,可不可以通过一个函数判断点击的是哪一个button?...并获取其id 解决措施: //on中参数的含义依次为事件、选择器、参数、方法,其中选择器与参数为可选项 mui(‘.mui-content’).on(‘tap’,‘body’,function(){...alert(this.id);// (根据id判断是哪一个button) }) 总结:mui中的方法都是封装的jquery,所以自己还得从jquery着手,因为好多方法不会用,不知道参数的含义。

    3.1K30

    JQuery 学了不亏

    jQuery 对象实际是一个类数组对象,包含了一系列 jQuery 操作的方法。...例如 : //$()获取元素节点,需传入字符串的选择器 $("h1") $("#d1") $(".c1") $("body,h1,p") //选择器的特点,与样式选择器一致 原生JavaScript对象与...:eq(index) 匹配指定下标的元素 :lt(index) 匹配下标小于index的元素 :gt(index) 匹配下标大于index的元素 :not(选择器) 否定筛选,除()中选择器外...index - 选择器的 index 位置 element - 当前的元素 $.each () 函数是框架提供的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理 $.each(Object...index - 选择器的 index 位置 data- 当前的数据 jQuery事件处理 文档加载完毕 原生 JavaScript 方法:window.onload jQuery: //语法一 $(

    1.8K30

    jQuery之高级选择器

    二.jQuery高级选择器 针对上次课有点复杂的选择器,或之前没有接触过的选择器。...为什么要反复的讲选择器,这个就是jQuery的一个核心点,在之前js的时候,通过复杂的document.getElement(s)ById|ByTagName|ByClassName等等,这些方式,找页面的元素对象...同样,在jQuery里面,我们要操作页面对象还是需要找对象,找页面对象,就是通过各类的选择器来找,简化我们的业务代码量。...){ //在这里我们可以若干操作的代码 }) 2.1基本过滤选择器 基本过滤选择器 符号 说明 用法 :eq(index) index是从0开始的下一个数字,选择序号为index的元素....在jquery里面,基本选择器[属性选择器] 属性选择器 符号 说明 用法 (“a[href]”) 选择所有包含href属性的元素 (“a[href]”).css(“background”,“red

    9810
    领券