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

jQuery中的9选择器

选择器是 jQuery 最基础的东西,本文中列举的选择器基本上囊括了所有的 jQuery 选择器,也许各位通过这篇文章能够加深对 jQuery 选择器 的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写...next :选取当前元素紧邻的下一同级元素 prev~  siblings :选取当前元素后面的所有同级元素 3、简单选择器 :first :获取第一元素 :last :获取最后一元素 :even...:nth-child(index/even/odd) 从 1 算起,匹配子元素等于 index/even/odd 的元素 :first-child :获取第一子元素 :last-child :获取最后一子元素...disabled:获取所有不可用表单元素 :checked:获取所有选中的表单元素,主要针对 radio 以及 checkbox :selected:所有所有选中的表单元素,主要针对 select 沈唁志|一PHPer...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:jQuery中的9选择器

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

    【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )

    文章目录 一、CSS 选择器作用 二、CSS 选择器分类 三、标签选择器 1、简介 2、代码示例 四、类选择器 1、简介 2、类名规范 3、代码示例 4、div 与 span 标签 ① span...标签 ② div 标签 5、多类名选择器 一、CSS 选择器作用 ---- CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置...选择器分类 ---- CSS 选择器 主要分为 : 基础选择器 复合选择器 两种类型 ; CSS 基础选择器 主要分为以下几类 : 标签选择器选择器 id 选择器 通配符选择器 三、标签选择器 --...-- 1、简介 标签选择器 是 使用 HTML 标签作为选择器 , 如果 HTML 引入了使用 标签选择器的 CSS 样式 , 那么该 HTML 中的 所有的指定标签 , 都使用该 CSS 样式 ; 标签选择器...在上面的 HTML 代码的 CSS 样式中 , 每个 类选择器 下的样式中都设置了 font-size: 80px; 样式 , 该样式可以被抽取出来 , 作为一新的类 ; 原代码 :

    2.8K20

    【CSS】CSS 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )

    文章目录 一、基础选择器与复合选择器 二、后代选择器 1、语法说明 2、示例分析 3、完整代码示例 一、基础选择器与复合选择器 ---- CSS 基础选择器 : 在之前的博客中 , 介绍了 CSS...的基础选择器 ; 标签选择器选择器 ID 选择器 通配符选择器 在实际开发中 , 基础选择器 不能满足 快速选择标签的需求 ; 复合选择器 是 由 两以上 的 基础选择器 通过 各种方式 组合 而成的...选择器 ; 复合选择器 可以 更精准 更快速 地 选择 目标元素标签 ; 二、后代选择器 ---- 1、语法说明 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组...; 后代选择器 语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器选择器 { 属性名称1:属性值1; 属性名称2:属性值2...设置为 类选择器 .gradefather , 子选择器 也设置为 类选择器 .father2 , 孙子选择器 设置为 标签选择器 label , 那么将 label 标签内的文本设置为红色 , 则可以使用如下样式

    1.9K10

    【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )

    文章目录 一、 ID 选择器 1、简介 2、代码示例 二、通配符选择器 1、简介 2、代码示例 三、CSS 选择器使用注意事项 一、 ID 选择器 ---- 1、简介 ID 选择器 使用 " #...id " 选择 指定的 某一 标签 , 使用 ID 选择器 步骤如下 : 首先 , 在 HTML 中 设置 标签的 ID ; 标签内容 然后 , 在 CSS 样式中使用...ID 选择器 ; #name { color: blue; font-size:20px; } 在一 HTML 页面中 , 标签的 ID 是唯一的 , 不允许重复 ; *...* ID 选择器 与 类选择器 的使用方法基本一致 ;** 在开发时 , ID 选择器 不推荐使用 , 使用频率不高 , 推荐使用 类选择器 ; 2、代码示例 代码示例 : <!...---- CSS 选择器使用注意事项 : 尽量不使用 ID 选择器 ; 尽量不使用 通配符选择器 ; 使用标签选择器时 , 尽量不对 无意义的标签 进行选择 , 如 div , span 标签 ;

    2.7K10

    这30CSS选择器,你必须熟记(上)

    CSS为我们提供了选择器,这个酷酷的魔法工具,让我们随意能够操作网页元素的样式,CSS选择器众多,我们不可能一次性学完,但是这30CSS选择器我们必须熟练记忆,可能有的同学觉得没必要学这么多,掌握了id...从本篇文章起,我给大家归纳了常用的30CSS选择器,希望通过我的总结,你能够喜欢上这些常用的选择器,废话不多说,我们这篇文章将介绍前10。....error { color: red; } 如果把两类串在一起,选择的就是同时具有两类名的元素,类名的顺序则无所谓,比如 class="urgent warning" , css 选择器你也可以这样写...若想选择同一父元素中,相邻的同级别的元素,我们可以使用紧邻同胞选择器(adjacent selector)。...浏览器兼容性: IE7+ Firefox Chrome Safari Opera 9、 X ~ Y:后续同胞选择器 后续同胞选择器使用 ~ 表示,选择一元素后面同属一父元素的另一元素。

    66420

    使用 SwiftUI 创建一灵活的选择器

    让我们来看看使用 SwiftUI 创建灵活选择器的实现! 可选择协议 选择器的最重要部分是,我们可以通过该视图组件选择一些所需的选项。因此,首先创建了一 Selectable 协议。...所有符合该协议的对象必须实现两属性:displayedName(在选择器中显示的名称)和 isSelected(一布尔值,指示特定选项是否已选择)。...由于我的实现允许更改字体大小和权重,因此先前提到的两扩展都以由灵活选择器使用的 UIFont 作为参数。...总结 这篇文章介绍了如何使用 SwiftUI 构建一灵活的选择器(FlexiblePicker),用于选择多个选项。...然后,详细介绍了实现该选择器的逻辑,包括如何处理选项的布局、宽度和高度,以及如何处理用户与按钮的交互。 最后,提供了一简单的视图实现,可以在 SwiftUI 中使用该选择器

    27920

    这30CSS选择器,你必须熟记(中)

    大家好,上一篇文章里,《这30CSS选择器,你必须熟记(上)》,我们一起学习了常用的10CSS选择器,这篇文章我们将继续学习CSS选择器,由于文章篇幅有限,再介绍10常用的CSS选择器。...我们来思考一问题,拿上面的例子来说,我们要匹配所有指向图片链接的进行应用样式,我们该怎么做?...匹配带有空格属性的值 这个技巧大多数人不会用,但是你使用后,一定会让你的小伙伴对你刮目相看的,波浪号可以选择带有空格的属性,接着上面的例子,比如我们的自定义属性data-info含有external,image 这两值...属于CSS的高级用法,虽然看着简单,但是灵活用起来可不简单,几乎每天都会有人用这个两属性做出创意的玩法,最简单的直接的用法,就是在某个元素结束前插入内容,如下段代码所示,在文档末尾加入结束语: body...,选择不满足条件的元素,比如我们希望选中所有的div,除了一 id 为 container 的div。

    64610

    《简单记笔记》之部分CSS选择器介绍

    一、id选择器 d 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义 <!...二、class选择器 class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。...class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一点 . 号显示: 例如 <!...伪选择器共有四,分别是 a:link(链接在未点击时的状态)、 a:visited(链接访问后的状态)、 a:hover(将鼠标放置到链接上时链接显示的样式)、 a:active( active向活动的链接添加特殊的样式...当你点击一链接时它变成活动链接。) 写不动了,我是屑。

    22720

    这30CSS选择器,你必须熟记(下)

    在上两篇文章里,《这30CSS选择器,你必需熟记(上)》和 《这30CSS选择器,你必需熟记(中)》这两篇文章里,我们一起学习了前20,本篇文章我们一起学习剩下的10选择器。...如果你要匹配一组序列元素每第几个元素,你可以使用 :nth-child 选择器满足这个需求,要注意的是nth-child指序列里的第n元素,从1开始。...X:nth-last-of-type(n):从后往前计算选择每第n某种元素选择器 比如我们可以使用nth-last-of-type来选择倒数第n元素。...X:first-child:第一子元素选择器 这个选择器通常选择第一子元素,我们常常为第一或者最后选项卡设置默认的视觉效果,比如去掉元素的边框,示例代码如下: ul >li:first-child...X:last-child:最后一子元素选择器 有第一子元素选择器,自然会有最后一子元素选择器,示例代码如下: ul > li:last-child { color: green; } 比如下面一例子

    54520

    这30CSS选择器,你必须熟记(上)

    CSS为我们提供了选择器,这个酷酷的魔法工具,让我们随意能够操作网页元素的样式,CSS选择器众多,我们不可能一次性学完,但是这30CSS选择器我们必须熟练记忆,可能有的同学觉得没必要学这么多,掌握了id...从本篇文章起,我给大家归纳了常用的30CSS选择器,希望通过我的总结,你能够喜欢上这些常用的选择器,废话不多说,我们这篇文章将介绍前10。....error { color: red; } 如果把两类串在一起,选择的就是同时具有两类名的元素,类名的顺序则无所谓,比如 class="urgent warning" , css 选择器你也可以这样写...若想选择同一父元素中,相邻的同级别的元素,我们可以使用紧邻同胞选择器(adjacent selector)。...后续同胞选择器使用 ~ 表示,选择一元素后面同属一父元素的另一元素。

    59810

    【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )

    文章目录 一、子元素选择器 1、语法说明 2、代码分析 3、代码示例 二、交集选择器 1、语法说明 2、代码示例 一、子元素选择器 ---- 1、语法说明 子元素选择器 可以选择 某个基础选择器...选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ; 子元素选择器语法 : 父选择器 写在前面 , 子选择器 写在后面 , 两选择器之间使用 > 大于号隔开 ; 父选择器...父选择器 选择出的元素的 亲儿子 元素 中选择 , 孙子元素 和 重孙子元素 选择不到 ; CSS 基础选择器 : 标签选择器选择器 ID 选择器 通配符选择器 2、代码分析 在下面的代码中 ,...---- 1、语法说明 交集选择器 由 两 基础选择器 组成 , 目的是 选择出 同时满足 两 基础选择器 要求的标签 ; 交集选择器语法 : 两基础选择器之间没有空格 ; 基础选择器1基础选择器...2 { 属性名称1:属性值1; 属性名称2:属性值2; 属性名称3:属性值3; } CSS 基础选择器 : 标签选择器选择器 ID 选择器 通配符选择器 2、代码示例 下面是 交集选择器 ,

    4.4K10

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

    在一页面中,一元素可以有多个CSS类,一CSS类又可以匹配多个元素,如果有元素中有一匹配类的名称就可以被类选择器选取到。...(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两选择器之间以逗号”,”分隔,只要符合其中的任何一筛选条件就会被匹配,返回的是一集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...使用公式:(“selector1,selector2,……,selectorN”) selector1:一有效的选择器,可以是ID选择器、元素选择器或类名选择器等...selector2:另一有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或类名选择器等...在实际应用当中,选择器中含有空格也是不容忽视的,多一空格或则少一空格也会得到截然不同的结果。

    12.2K30

    这30CSS选择器,你必须熟记(中)

    大家好,上一篇文章里,《这30CSS选择器,你必须熟记(上)》,我们一起学习了常用的10CSS选择器,这篇文章我们将继续学习CSS选择器,由于文章篇幅有限,再介绍10常用常用的CSS选择器。...我们来思考一问题,拿上面的例子来说,我们要匹配所有指向图片链接的进行应用样式,我们该怎么做?...属于CSS的高级用法,虽然看着简单,但是灵活用起来可不简单,几乎每天都会有人用这个两属性做出创意的玩法,最简单的直接的用法,就是在某个元素结束前插入内容,如下段代码所示,在文档末尾加入结束语: body...,选择不满足条件的元素,比如我们希望选中所有的div,除了一 id 为 container 的div。...color: blue; } 浏览器兼容性: IE9+ Firefox Chrome Safari Opera 小节 今天的内容就给大家介绍这里,感谢大家的阅读,下篇文章,我将继续和大家分享剩下的10选择器

    62900

    【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )

    文章目录 一、并集选择器 1、语法说明 2、代码示例 二、并集选择器与后代选择器示例 1、添加注释 2、HTML 结构 3、后代选择器 1 4、后代选择器 2 5、并集选择器 6、完整代码示例 7...、显示效果 一、并集选择器 ---- 1、语法说明 并集选择器 可以选择 若干 基础选择器 选择出的 并集元素集合 ; 并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 ,...逗号隔开 ; 基础选择器1,基础选择器2,基础选择器3 { 属性名称1:属性值1; 属性名称2:属性值2; 属性名称3:属性值3; } 注意 : 基础选择器可以是任何类型的基础选择器 ; 子选择器...只能 从 父选择器 选择出的元素的 亲儿子 元素 中选择 , 孙子元素 和 重孙子元素 选择不到 ; CSS 基础选择器 : 标签选择器选择器 ID 选择器 通配符选择器 2、代码示例 代码示例..., 需要使用四层 选择器 进行选择 ; /*2.

    1.3K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券