200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > JavaScript(12) jQuery选择器(基本选择器 层级选择器 伪类选择器 属性选择器)

JavaScript(12) jQuery选择器(基本选择器 层级选择器 伪类选择器 属性选择器)

时间:2022-06-17 05:12:14

相关推荐

JavaScript(12) jQuery选择器(基本选择器 层级选择器 伪类选择器 属性选择器)

提示:我们可以从jquery文档上学习哦~ 下面简单的介绍几种常用的选择器

===================================基本选择器==================================

id选择器 #id--> 匹配指定id名称

元素选择器--> 匹配指定标签名

类型选择器 .class--> 匹配class属性的标签

通配符选择器--> 匹配所有的选择器

组合选择器selector1,selector2,selectorN --> 即可匹配多个

===================================层级选择器===================================

ancestor descendant--> 在指定父元素下匹配所有的后代元素

parent > child--> 在指定父元素下匹配所有的子元素

prev + next--> 匹配所有紧挨着在 prev 元素后的 next 元素

===================================伪类选择器===================================

:first--> 获取第一个元素

:last--> 获取最后一个元素

:not(selector)--> 用于筛选的选择器(即取反)

:even--> 匹配所有索引值为偶数的元素,从 0 开始计数

:odd--> 匹配所有索引值为奇数的元素,从 0 开始计数

===================================属性选择器===================================

[属性名]--> 匹配包含给定属性的元素

[属性名=属性值]--> 匹配给定的属性是某个特定值的元素

[属性名],[属性名]--> 可匹配多个

ex:匹配属性有code1与code2的元素标签 --> $("li[code1],li[code2]");

[属性选择器][属性选择器][属性选择器]--> 复合属性选择器,需要同时满足多个条件时使用

更多的选择器可以自己在文档中去学习如何使用哦 ---->点击下载jquery1.8文档资源密码:clg1

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。