jqury选择器

基本选择器:

#id  将给定id匹配对应的元素,

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

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

  *  匹配所有的元素

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


层次选择器:

$("ancestor  descendant")         选取ancestor里的所有descendant(后代)元素,   如:$(div span)。

$("parent>child")                           选取parent下的所有child()元素。

$("prev+next")   选取紧接在prev元素后面的next元素。例:$(".one+div")选取class为one的下一个<div>

//等价于next()方法           同辈元素。

$("prev~siblings")   选取prev元素之后的所有siblings元素。  例:$("#two~div")选取id为two的元素后面所有         //等价于 nextall() 方法                    的<div>同辈元素。


过滤选择器:

:first       选取第一个元素                                      例:$("div:first")选取所有div中的第一个<div>元素。

:last 选取最后一个元素

:not(selector)                            去除所有与给定选择器匹配的元素。例:$("input:not(.myclass)") 选取class不是myclass

                                                                                                                          的<input>元素。

:even                                        选取索引是基数的所有元素,索引从0开始     例:$("input:even")选取索引为基数的所有input的元素。

:odd                                          。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

:eq(index)                                 选取索引为index的元素,索引从0开始。

:gt(index)    选取索引大于index的有元素。

:lt(index)            选取索引小于index的元素。

:header   选取所有的标题元素。例如:<h1><h2><h3><h4><h5>........

:animated  选取当前正在执行的动画。例如:$("div:animated")选取正在执行动画的<div>元素。

:focus  选取当前获取焦点的元素。

内容过滤选择器:

:contains(text) 选取文件内容包括text的元素,例:$("div:contains('我')") 选取含有文本我的div元素。

:empty 选取不包含子元素或者文本的空元素,例$("div:empty")选取不包含子元素(包含文本元素)的

空<div>。

:has(selector) 选取含有选择器所匹配的的元素的元素。  例:$("div:has(p)") 选取含有<p>元素的所有<div>元素

:parent 选取含有子元素或者文本文本的元素。       例:$("div:parent")包含子元素(包括文本元素)的div

可见性过滤选择器:

hidden 选取所有不可见的元素。  例:$(":hidden")  包括<input type="hidden"/> vi

<div style="display:none;">和<div style="visibility:hidden;">

:visible 选取所有可见的元素。 例:$("div:visible")

属性过滤器:

[attribute]选取拥有此属性的元素。例:$("div[id]")选取拥有属性id的元素。

[attribute=value]选取属性的值为value的元素   例:$("div[title=test]")选取title为test的div元素

[attribute!=value]选取属性值不等于value的元素  ......................

[attribute^=value]选取属性值是以value开始的元素。  例:$("div=[title^=test]")选取属性title以“test”开始的div.

[attribute$=value] 选取属性的值以value结束的元素。  例:$("div[title$=test]")选取属性title以“test”结束的div.    

[attribute*=value]        选取属性的值含有value的元素。      例:$("div[title*=test]")选取属性title含有“test”的div.

[attribute|=value]选取属性等于给定字符串或以该字符串为前缀。 例:$("div[title|='en']")选取属性title等于en或以en

为前缀的元素。

[attribute~=value]选取属性等于用空格分隔的值中包含一个给定值的元素。例:$("div[title~='uk']")选取属性title用空格分隔的值中包含字符uk的元素。

[attribute1][attribute2]..[attributen]用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围。

子元素过滤选择器:

    :nth-child(index/even/odd/equation)                        选取每个父元素下的第index个子元素或者奇偶元素。(index从1算起)例如::nth-child(even)  nth-child(odd) nth-child(2) nth-child(3n)  nth-child(3n+1) ......       

:first-child                                                                             选取每个父元素的第一个子元素                                      (index从1算起)

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

:only-child                                                                           是父元素的唯一子元素的元素将会被选中。

表单对象属性过滤选择器

:enable                                                                                 选取所有可用元素

:disable                                                                                选取所有不可用元素

:checked                                                                             选取所有被选中的元素(单选框 多选框)

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

表单选择器:

:input                                                                                   选取所有的<input>,<textarea>,<select>,<button>

:text                                                                                      选取所有的单行文本框

:password                                                                          选取所有的密码框

:radio                                                                                   选取所有的单选框

:checkbox                                                                          选取所有的多选框

:submit                                                                                选取所有的提交按钮

:image                                                                                  选取所有的图片按钮

:reset                                            选取所有的重置按钮

:button            选取所有的按钮

:file         选取所有的上传域

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




                          






                               





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值