jQuery:选择器


1、基本选择器:$("#id"),$(".class"),$("p"),$("*"),$("p,a,li")
2、层次选择器:$("ancestor descendant"),$("div span"),元素<div>下的所有符合的后代<span>
$("parent>child"),$("div>span"),父元素<div>下的所有符合的子元素<span>(与上面的区别是仅仅是子元素)
$("prev+next")=$("prev").next(),$(".prev+div")=$(".prev").next("div"),prev的下一个元素
$("prev~siblings")=$("prev").nextAll(),$(".prev~div")=$(".prev").nextAll("div"),prev后的所有同辈<div>元素,(注意是同辈的)而$(".prev").siblings("div")
是所有的同辈的<div>,不论前后。
3、过滤选择器:(1)基本过滤选择器:$(:first,:last,:not(selector),:even偶,:odd奇,:eq(index),:gt(index),lt(index),:header所有<h1><h2><h3>,:animated正在执行动画的)
(2)内容过滤选择器::contains(text)包含“text”的
:empty 不含子元素或者文本的(注意空格)
:has(selector) $("div:has(p)")含<p>元素的<div>
:parent 拥有子元素或者文本的
(3)可见性过滤选择器::hidden,:visible
(4)属性过滤选择器:$("div[id]")含属性id的<div>,$("div[id=title]")含属性id值是title的<div>,$("div[id!=123]")含属性id不是123的<div>,$("div[id^=12]")含
属性id以12开头的<div>,$("div[id$=23]")含属性id以23结尾的<div>,$("div[id$=2]")含属性id值含有2的<div>,[selector1][selector2][selector3][selectorN]组合选择
(5)子元素过滤选择器::nth-child(index/even/odd/equation/3n(三的倍数)/3n+1三的倍数加一)选取每个父元素下的第index个子元素或者奇数偶数元素(index从1算
起)eq(index)从0算起
:first-child,每个父元素的第一个子元素
:last-child,每个父元素的最后一个子元素
:only-child,如果某个元素是他父元素中的唯一子元素,就能匹配。
(6)表单对象属性过滤选择器::enable选取所有可用元素
:disabled选取所有不可用元素
:checked选取所有被选中的元素(单选框,复选框)
:selected选取所有被选中的元素(下拉列表)
4、表单选择器::input(选取所有<input><textarea><select><button>)
:text(所有单行文本)
:password(所有密码框)
:radio(所有单选框)
:checkbox(所有多选框)
:submit(所有提交按钮)
:image(所有图像按钮)
:reset(所有重置按钮)
:button(所有按钮)
:file(所有上传域)
:hidden(所有不可见元素)


注意事项:(1)含“.”“#”“[”“]”等特殊字符,需要转义字符\\例如:id="id#b",$("#id\\#b")
(2)1.3.1版本已经彻底放弃@符号
(3)注意空格例如:$(".test:hidden")//不带空格 选取隐藏的class为test的元素里面的元素
$(".test :hidden")//带空格 选取class为test的元素里面的隐藏元素

posted @ 2012-03-02 21:14  鸿雁@锦鲤  阅读(176)  评论(0编辑  收藏  举报