首页 > 代码库 > 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的选择器