jquery 常用选择器

比眉伴天荒 2022-06-04 08:21 159阅读 0赞

1.        元素选择器：

1)        $（“p”）：选取p元素

2)        $（“p.info”）：选取class=“info”中所有的p元素

3)        $（“p\#info”）：选取id=“info”中所有的p元素

2.        属性选择器：

1)        $（“\[href\]”）:选取所有带有href属性的元素

2)        $（“\[type=‘text’\]”）：选取所有type属性的属性值为text的元素

3)        $（“\[type！=‘text’\]”）：选取所有type属性的属性值不为text的元素

4)        $（“\[type^=‘t’\]”）:选取所有type属性值以t开头的元素

5)        $（“\[type$=‘o’\]”）：选取所有type属性的属性值以o结尾的元素

6)        $（“\[type\*=‘t’\]”）:选取所有type属性值含有“t”的元素

3.        Css选择器：$（“p”）.css（“background-color”，“red”）；

4.        层次原则器：

1)        ul li：后代选择器，选择后面的所有子元素

2)        ul>li：子选择器，选择第一级子元素

3)        prev+next：匹配prev同级之后紧邻的元素next

4)        prev~next：匹配prev同级之后所有元素next

5.        基本滤镜选择器：

1)        ：first 匹配第一个元素

2)        ：last 匹配最后一个元素

3)        ：even 匹配元素集中序数为偶数的元素

4)        ：add 匹配元素集中序数为奇数的元素

5)        ：eq（index）  匹配元素集中取第index个元素

6)        ：gt（index）  取出虚数大于index 的元素

7)        ：lt（index）  小于

8)        ：empty 所有没有子元素的元素

9)        ：parent 包含子元素的所有元素

10)    ：hidden 匹配所有隐藏的元素  type=“hidden”

11)    ：visible：匹配所有非隐藏的元素

12)    ：contains（‘内容’）  匹配含有“内容”字符的元素

13)    ：has（‘标签’）：匹配含有p标签的元素

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS常用选择器

div > p { color: red; } //表示父元素为div的所有p元素 ![div>p示例][div_p] di

末蓝、/ 2023年02月14日 06:46/ 0 赞/ 46 阅读

相关 Jquery选择器-基本选择器

jquery作为我们常用前端工具之一，实际项目中常用的的选择器有id选择器(\id)、元素选择器(element)、样式选择器(.class)。 \id 概述:根据给定

秒速五厘米/ 2022年07月10日 05:58/ 0 赞/ 366 阅读

相关 jquery 常用选择器

1. 元素选择器： 1) $（“p”）：选取p元素 2) $（“p.info”）：选取class=“info”中所有的p元素 3

比眉伴天荒/ 2022年06月04日 08:21/ 0 赞/ 160 阅读

相关 jquery 常用选择器（笔记）

$("myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

﹏ヽ暗。殇╰゛Y/ 2022年05月14日 09:40/ 0 赞/ 199 阅读

相关 CSS常用选择器

CSS （层叠样式表）编辑层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语

港控/mmm°/ 2022年05月08日 23:42/ 0 赞/ 225 阅读

相关 jQuery-jQuery选择器

jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择

雨点打透心脏的1/2处/ 2022年04月17日 07:05/ 0 赞/ 407 阅读

相关 JQuery选择器

JQuery选择器页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让

一时失言乱红尘/ 2022年02月13日 14:15/ 0 赞/ 313 阅读

相关 Jquery 选择器

使用特殊操作符或“组合符”可以将简单选择器组合起来，表达文档树中元素之间的关系。下表列举了jQuery支持的组合选择器。这些组合选择器与CSS3支持的组合选择器是一样的。下

╰半橙微兮°/ 2021年10月08日 05:58/ 0 赞/ 478 阅读

相关 jQuery-选择器

[http://www.webhek.com/post/jquery-61-selector.html][http_www.webhek.com_post_jquery-61-

小鱼儿/ 2021年09月28日 10:46/ 0 赞/ 441 阅读

相关 JQuery常用选择器

什么是JQuery > Jquery就是JS的封装并做了简化处理。 JQuery的优势 > 轻量级的js库 > 强大的选择器 > 支持DOM操作

水深无声/ 2021年09月28日 06:16/ 0 赞/ 281 阅读