jQuery选择器

常用的CSS选择器:

1、标签选择器:E{CSS规则}                       以文档元素作为选择符

2、ID选择器:#ID{CSS规则}                      以文档元素的唯一标识符ID作为选择符

3、类选择器:E.className{CSS规则}         以文档元素的class作为选择符

4、群组选择器:E1,E2,E3{CSS规则}        多个选择符应用同样的样式规则

5、后代选择器:E F{CSS规则}                     元素E的任意后代元素F

6、通配选择器:*{CSS规则}                        以文档的所有元素作为选择符

jQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。

一、基本选择器:

选择器                         描述                                                             返回

#id                             根据给定的id匹配一个元素                               单个元素

.class                         根据给定的类名匹配元素                                  集合元素

element                     根据给定的元素名匹配元素                               集合元素

*                                根据给定的元素名匹配元素                               集合元素

selector1,selector2,   将每一个选择器匹配到的元素合并后一起返回       集合元素

...  selectorN

二、层次选择器:

选择器                                  描述                                                                    返回

$("ancestor descendant")  选取ancestor元素里的所有descendant(后代)元素   集合元素

$("parent>child")                选取parent元素下的child(子)元素,                       集合元素

                                           与$("ancestor descendant") 有区别,

                                           $("ancestor descendant") 选择的是后代元素

$('prev+next')                     选取紧接在prev元素后的next元素                          集合元素

$('prev~siblings')                选取prev元素之后的所有siblings元素                     集合元素

可以用next方法代替$('prev+next') 

可以用nextAll()方法代替$('prev~siblings')

三、过滤选择器:

1、基本过滤选择器

选择器               描述                                                          返回

:first                 选取第1个元素                                            单个元素

:last                  选取最后一个元素                                       单个元素

:not(selector)   去除所有与给定选择器匹配的元素                   集合元素

:even                选取索引是偶数的所有元素,索引从0开始        集合元素

:odd                  选取索引是奇数的所有元素,索引从0开始        集合元素

:eq(index)         选取索引等于index的元素(index从0开始)      单个元素

:gt(index)          选取索引大于index的元素(index从0开始)      集合元素

:lt(index)           选取索引大于index的元素(index从0开始)       集合元素

:header             选取所有的标题元素                                     集合元素

:animated         选取当前正在执行动画的所有元素                    集合元素

2、内容过滤选择器

选择器                  描述                                              返回

:contains(text)    选取含有文本内容为"text"的元素      集合元素

:empty                选取不包含子元素或者文本的空元素    集合元素

:has(selector)     选取含有选择器所匹配的元素的元素    集合元素

:parent               选取含有子元素或者文本的元素          集合元素

3、可见性过滤选择器

选择器       描述                      返回

:hidden   选取所有不可见元素  集合元素

:visible    选取所有可见元素     集合元素

4、属性过滤选择器

选择器                           描述                                       返回

[attribute]                    选取拥有此属性的元素               集合元素

[attribute=value]         选取属性值为value的元素          集合元素

[attribute!=value]        选取属性值不为value的元素       集合元素

[attribute^=value]       选取属性的值以value开始的元素 集合元素

[attribute$=value]       选取属性的值以value结束的元素  集合元素

[attribute*=value]       选取属性的值含有value的元素     集合元素

[selector1][selector2]  用属性选择器合并成一个复合属性  集合元素

 ..[selectorN]                选择器,满足多个条件。每选择一

                                    次,缩小范围一次

5、子元素过滤选择器

选择器                  描述                                             返回

:nth-child            选取每个父元素下的第index             集合元素

(index/even/       个子元素或者奇偶元素(index

odd/equation)      从1算起)

:first-child           选取每个父元素的第一个子元素          集合元素

:last-child           选取每个父元素的最后一个子元素       集合元素

:only_child          如果每个元素是它父元素中唯一          集合元素

                           的子元素,那么将会被分配。如果

                           父元素中含有其他元素,则不会被

                           分配

6、表单对象属性过滤选择器

选择器           描述                                               返回

:enabled      选取所有可用元素                             集合元素

:disabled      选取所有不可用元素                          集合元素

:checked      选取所有被选中的元素(单选框,复选框)集合元素

:selected     选取所有被选中的选项元素(下拉列表)    集合元素

四、表单选择器

选择器        描述                                       返回

:input        选取所有的<input><select>    集合元素

                  <button>元素

:text          选取所有的当行文本框               集合元素

:password 选取所有的密码框                     集合元素

:radio         选取所有的单选框                    集合元素

:checkbox  选取所哟的多选框                     集合元素

:submit      选取所有的提交按钮                  集合元素

:image       选取所有的图像按钮                  集合元素

:reset        选取所有的充值按钮                  集合元素

:button      选取所有的按钮                        集合元素

:file            选取所有的上传域                     集合元素

:hidden     选取所有的不可见元素                集合元素

posted @ 2019-06-15 17:09  街头诗人李寻欢  阅读(109)  评论(0编辑  收藏  举报