jquery 常用选择器

比眉伴天荒 2022-06-04 08:21 181阅读 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 条评论，181人围观）

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

相关阅读

相关 JQuery中Class选择器怎么用(htmlclass选择器)

JQuery中Class选择器方法/步骤 -------------------- htmlclass选择器1.在HBuilder X中新建一个项目。 ![ee2

逃离我推掉我的手/ 2024年03月27日 10:38/ 0 赞/ 71 阅读

相关 jQuery选择器、jQuery关系选择器、jQuery伪选择器

一、jQuery选择器 1、父元素(向上遍历单一层级)：parent() 2、祖先元素：parents(selector) 3、子元素(向下遍历单一层级)：child

本是古典何须时尚/ 2023年10月07日 11:58/ 0 赞/ 33 阅读

相关 CSS常用选择器

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

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

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

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

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

相关 jquery 常用选择器

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

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

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

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

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

相关 CSS常用选择器

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

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

相关 jQuery-jQuery选择器

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

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

相关 jQuery-选择器

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

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

相关 JQuery常用选择器

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

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