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

jquery选择器用法_jQuery属性选择器

jQuery选择器 一、 基本选择器 1....(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...jQuery对象。...2. parent>child选择器 parent>child选择器中的parent代表元素,child代表子元素,用于在给定的元素下匹配所有的子元素,使用该选择器只能选择元素的直接子元素...@符号问题: 在jQuery升级版本过程中,jQuery在1.3.1版本中彻底放弃了1.1.0版本遗留的@符号,假如我们使用1.3.1以上的版本,那么不需要在属性前添加@符号 (“div[@name=

12.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery选择器

    基本选择器(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择器 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择器 $("selector1seletor2...:first-child 匹配所给选择器( :之前的选择器)的第一个子元素; 等同于: :nth-child(1) 注意:但是:first-child选择器可以匹配多个:即为每个级元素匹配第一 个子元素...这相当于:nth-child(1); :last-child 匹配所给选择器( :之前的选择器)的最后一个子元素; 注意::last 只匹配最后一个元素,而此选择符将为每个元素匹配最后一个子元素; :...only-child 唯一的一个子元素; 注意:如果元素中含有其他元素,那将不会被匹配。

    1.5K10

    jQuery 选择器

    基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有div元素。... 子元素过滤选择器 选择器 描述 实例 :nth-child(index/even/odd/equation) 选取每个元素下的第index个子元素或奇偶元素...:first-child 选取每个元素的第一个子元素。 :first只匹配一个元素,而:first-child将为每一个元素匹配第一个子元素。...:last-child 选取每个元素的最后一个子元素。 :last只匹配一个元素,而:last-child将为每一个元素匹配最后一个子元素。...:only-child 如果某个元素是它元素唯一的子元素,那么将会被匹配。如果元素含有其他元素,则不会被匹配。

    7.4K80

    jQuery 选择器

    jQuery网页脚本语言核心之一 概述: 1. 选择器jQuery的基础 2. 对事件处理,遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码 什么是jQuery选择器?...通过 过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器 详解: 通过css选择器选取元素 jQuery支持大多数css选择器 最常用的有:基本选择器,层次选择器和属性选择器jQuery...通过DOM之间的层次关系来获取元素 2. jQuery有四种常用的层次选择器: (1) 后代选择器 (2) 子选择器 (3) 相邻选择器 (4) 同辈选择器 ?...,必须在同一个元素下....//带空格的jQuery选择器 var $t a= $(".test :hidden") ; //不带空格的jQuery选择器 var $t b= $ (".test:hidden") ; var len

    2.7K90

    Jquery选择器

    1、  基本选择器 选择器 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素 集合 $(“.myclass”)选取...)获取所有标签元素 a,.myclass,#id等 获取对应标签元素 集合 $(“a,.myclass,#myid”)获取a、class的值为myclass以及id为myid的元素集合 2、  层次选择器...选择器 描述 结果 示例 $(“#myid  .sonid”) 选取id为myid里所有后代元素 集合 $(“#myid  .my”)这里是后代元素 $(“#myid >.sonid”) 选取id为myid...集合 子元素过滤 选择器 描述 结果 示例 :nth-child 选取每个元素下第index个子元素或者奇偶元素(这里的index是从1开始的) 集合 :first-child 选取每个元素的第一个元素...集合 :last-child 选取每个元素的最后一个元素 集合 :only-child 选取仅有一个子元素的元素 集合 表单对象属性过滤 选择器 描述 结果 示例 :enabled 选取所有可用元素

    2K60

    jQuery 选择器

    1 jQuery 选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 1.2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?...筛选选择器 筛选选择器,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 : ?...中还有一些筛选方法,类似DOM中的通过一个节点找另外一个节点,、子、兄以外有所加强。...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式

    1.8K20

    浅谈逻辑选择器 -- 选择器它来了!

    最后到所有逻辑选择器里面最重磅的 :has 出场了。它之所以重要是因为它的诞生,填补了在之前 CSS 选择器中,没有核心意义上真正的选择器的空缺。...:has() 选择器 -- 嵌套结构的元素选择 我们再通过几个 DEMO 加深下印象。:has() 内还可以写的更为复杂一点。...注意,选择的最上层使用 :has() 的元素 div。结果如下: 这里体现的是嵌套结构,精确寻找对应的元素。...:has() 选择器 -- 同级结构的兄元素选择 还有一种情况,在之前也比较难处理,同级结构的兄元素选择。...这样,一直以来,CSS 没有实现的选择器,借由 :has() 开始,也能够做到了。这个选择器,能够极大程度的提升开发体验,解决之前需要比较多 JavaScript 代码才能够完成的事。

    1.5K50

    jQuery选择器总结

    先说选择器,要知道js里,也有,就是你给标签起了id,class名,在js里需要获取是一个意思。...在jq中很方便,不用写很长的xxx=document.getElementById(‘xxx’) 1.基本选择器 ? 2.层次选择器 ? 3.过滤选择器 ? 4.内容过滤器 ?...5.可见选择器 ? 6.属性选择器 ? 7.子元素选择器 ?...其中nth-child(xn+y)表示:从第y各元素起,选取每第x个元素 例3n+2表示从第二个子元素开始,选取每个第三个的元素 even:偶数 odd:奇数 8.表单元素过滤选择器 ?...表单中选择确切的某个属性的元素,不需要全部都写input 熟练使用选择器是熟练使用jq的前提 图片全部来自个人word文档中的截图,如有错误欢迎指出,互相学习。

    1.2K50

    jQuery层次选择器

    jQuery是一种流行的JavaScript库,用于简化HTML文档的操作和动态交互。在jQuery中,层次选择器是一种非常有用的选择器,可以根据元素之间的层次关系选择特定的元素。...在jQuery中,层次选择器使用空格来表示元素之间的层次关系。下面是一些常用的层次选择器:后代选择器(Descendant Selector)用于选择所有指定元素的后代元素。...子元素选择器(Child Selector)用于选择指定元素的直接子元素。...全部兄弟选择器(General Sibling Selector)用于选择指定元素后面的所有兄弟元素。...通过层次选择器,我们可以轻松地选取到HTML文档中特定层次关系的元素,从而方便地操作和修改这些元素。无论是处理DOM元素还是实现动态交互,jQuery的层次选择器都是非常有用的工具。

    44220

    jQuery基础--选择器

    选择器 2.1. 什么是jQuery选择器 jQuery选择器jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。...jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。 2.2....基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...筛选选择器(方法) 筛选选择器的功能与过滤选择器有点类似,但是用法不一样,筛选选择器主要是方法。

    85640

    jquery常用选择器

    然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。...本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类:基本选择器、层次选择器、过滤选择器、表单选择器。...其中过滤选择器可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。...label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器选择器返回的为id为prev的标签元素的所有的属于同一个元素的div标签...选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)") 选择所有含有p标签的div元素 $("td:parent") 选择所有的以td为节点的元素数组

    66360

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券