首页 > 代码库 > Jquery的选择器

Jquery的选择器

基本选择器‘

#id      $(“#a”) 选取为id为a的元素

.class    $(“.a”) 选取为class为a的元素

标签选择器         根据标签名来获取素 $(“p”)选择P元素

“*”号代表所有,

————————————————————————————————————

层次选择器

空格代表里面 >代表里面的子元素

$(“div span”)获取div层里面的span标签

 

$(“span >child”) 获取span里面的子元素

$(“div>span”)获取div里面的span标签

 

$(“div +next”) 获取div的下一个next元素

$(“div.”).next(“span”)=$(“div+span”) 选择器额的方法,获取div的下一个next元素

 

$(“div~span”) 获取div之后的span元素

$(“div.”).nextAll(“span”)=$(“div~span”) 选择器的方法

 

Siblings ()方法 获取所有的同辈的节点

 ————————————————————————————————————————————

 

过滤选择器

1.基本过滤器

:First()  $(“div:first”)获取div元素中的第一个元素

:Last()  $(“div:last”); 获取div中的最后一个元素

:Not()  去掉所有匹配的元素   $(“div:not(“.myclass)”) 选取class中不是myclass的div的元素

:Even()选取所有索引为偶数的元素

:Odd()选取所有索引为奇数的元素

:Eql(value) 选取一个索引值为value的元素

:Gt(value) 选取索引值大于指定索引的元素

:Lt (index) 选取索引值小于指定的元素

:Header 选取所有的标题元素

Animated 选取当前正执行动画的元素

2.内容

:contains(text) 选取内容含有text的元素

$(“div : contains(‘我’)”);选取含有文本我的div

Has() 获取选择器所有匹配的的元素 $(div:has(p))获取含有<p>元素的div元素

Parent() 选取含有子元素或文本的元素

Empty()选取不会子元素或文本的元素

3.可见性

Hidden 获取所有隐藏的元素

Visible 获取所有可见的元素

4.属性(属性选择器用[]标识)

[attribute] 获取拥有此属性的元素 $(“div[id]”)

[attribute=value] 获取属性值等于value的元素

[attribute!=value]

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

[attribute&=value] 获取属性值以value结束的元素

[attribute*=value] 获取属性值含有value的元素

5.子元素

:nth-hcild(index/even/odd/equation) 匹配第n个元素或奇偶数

:first-child 匹配第一个子元素

Last-child 匹配最后一个子元素

:only-child 匹配拥有一个子元素的元素

6.表单对象

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

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

:password

:radio

:chexkbox

Submit

Image

:Rsest

:button 选取所有的button

:filt  选取所有的上传域

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

 

Jquery的选择器