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

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

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

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第1张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第2张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第3张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第4张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第5张图片

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

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第6张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第7张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第8张图片

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

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第9张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第10张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第11张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第12张图片

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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第13张图片

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

[属性名]    -->    匹配包含给定属性的元素
JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第14张图片
[属性名=属性值]   -->    匹配给定的属性是某个特定值的元素
JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第15张图片
[属性名],[属性名]   -->    可匹配多个
        ex:匹配属性有code1与code2的元素标签  -->  $("li[code1],li[code2]");
[属性选择器][属性选择器][属性选择器]    -->    复合属性选择器,需要同时满足多个条件时使用

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第16张图片


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

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)_第17张图片  

你可能感兴趣的:(-----❶,JavaScript)