jQuery 选择器，干货分享

jQuery 选择器类似于CSS的选择器，能够实现定位元素的功能。

jQuery 选择器支持 CSS1~CSS3 的全部选择器，通信扩展了少量CSS中没有的独有选择器。

使用 jQuery 选择器时，需要考虑浏览器知否支持这些选择器。

ID 选择器

---

• 作用：返回匹配 id 属性值的所有元素。

• 特点：最快，尽量使用 id 选择器。

- 用法：$(  “#myDiv” )

• 说明：返回HTML页面中 id 为myDiv 的所有元素。

Class 选择器

---

• 作用：返回匹配 class 属性值得所有元素。

- 用法：$( “.className” )

• 说明：返回 HTML 页面中 class 为 className 的所有元素。

元素选择器

---

• 作用：返回匹配元素名的所有元素。

- 用法：$( “elementName” )

• 说明：返回 HTML 页面中元素名为 elementName 的所有元素。

通配符选择器

---

• 作用：返回当前 HTML 页面的所有元素。

- 用法：$( " * " )

• 说明：返回 HTML 页面中所有的元素。

分组选择器

---

• 作用：分组选择器，即所有选择器的合集。

• 用法：$( “selector1,selector2…” )

• 说明：将每个选择器匹配到的元素合并后一起返回。

内容练习：

id为d1，class为mydiv

class为mini

id为d2，class为mydiv

我是p标记，class为mini

id为d3

class为mini

我是p标记，class为mydiv

选择id为d1的元素

选择class为mydiv的元素

选择所有的div元素

选择所有的元素

选择id为d1的元素和所有p元素

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

1710882457997)]
[外链图片转存中…(img-CZZNo5TQ-1710882457997)]
[外链图片转存中…(img-HAGys3p1-1710882457998)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-850GGnj2-1710882457998)]