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…” )
-
说明:将每个选择器匹配到的元素合并后一起返回。
内容练习:
我是p标记,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)]