jquer选择器

基本选择器

根据id获取元素
$("#id")

根据标签名获取元素
$("标签名")

根据class属性值获取元素
$(".class属性值")

获取所有元素
$("*")

多条件选择
$("标签名,#id")

层次选择器 

获取后代元素
$("body p")

获取子元素
$("body>p")

从h3元素后面第一个兄弟元素选取p
$("h3+p")

从h3元素后面所有兄弟元素选取p
$("h3~p")

从h3元素所有兄弟元素选取p
$("h3").siblings("p")

过滤选择器

基本过滤选择器

选取第一个元素
$("p:first")

选取最后一个元素
$("p:last")

选取索引值是偶数的元素
$("p:even")

选取索引值是奇数的元素
$("p:odd")

选取索引值等于index的元素
$("p:eq(index)")

选取索引值大于index的元素
$("p:gt("index")")

 选取索引值小于index的元素
$("p:lt("index")")

选取匹配除selector以外的元素
$("p:not(selector)")

选取所有标题元素
$(":header")

选取所有正在执行动画的元素
$(":animzted")

内容过滤选择器


选取含有文本内容为text的元素
$("div:contains('text')")

选择不包含后代元素和文本的空元素
$("div:empty")

选择含有后代元素和文本的元素
$("div:parent")

选取含有后代元素为selector的元素
$("div:has(selector)")

可见性过滤选择器

选取不可见元素
$("p:hidden")

选取可见元素
$("div:visible")


属性过滤选择器


选择使用attr属性的元素
$("div[attr]")

选取attr属性值为value的元素
$("div[attr=value]")

选取attr属性值不为value的元素
$("div[attr!=value]")

选取attr属性值以value 开头的元素
$("div[attr^=value]")

选取attr属性值以value 结尾的元素
$("div[attr$=value]")

选取attr属性含有value的元素
$("div[attr*=value]")

多条件属性选择器
$("div[attr1=value] [attr2]")


子元素过滤选择器 

选取第一个子元素
$("p:first-child")

选取最后一个子元素
$("p:last-child")

选取唯一的子元素
$("p:only-child")

选取索引值是奇数的子元素
$("p:nth-child(odd)")

选取索引值是偶是的子元素
$("p:nth-child(even)")

选取索引时等于index的子元素
$("p:nth-child(index)")

选取索引值符合equation 的子元素
$("p:nth-child(equation)")




表单对象属性过滤选择器

选取可用的表单元素
$("input:enavled")

选取不可用的表单元素
$("input:disavled")

选取被选中的<input>元素
$("input[type=checkbox]:checked")

选取被选中的<option>元素
$("selelct  option:selected")





基本选择器

根据id获取元素
$("#id")

根据标签名获取元素
$("标签名")

根据class属性值获取元素
$(".class属性值")

获取所有元素
$("*")

多条件选择
$("标签名,#id")

层次选择器 

获取后代元素
$("body p")

获取子元素
$("body>p")

从h3元素后面第一个兄弟元素选取p
$("h3+p")

从h3元素后面所有兄弟元素选取p
$("h3~p")

从h3元素所有兄弟元素选取p
$("h3").siblings("p")

过滤选择器

基本过滤选择器

选取第一个元素
$("p:first")

选取最后一个元素
$("p:last")

选取索引值是偶数的元素
$("p:even")

选取索引值是奇数的元素
$("p:odd")

选取索引值等于index的元素
$("p:eq(index)")

选取索引值大于index的元素
$("p:gt("index")")

 选取索引值小于index的元素
$("p:lt("index")")

选取匹配除selector以外的元素
$("p:not(selector)")

选取所有标题元素
$(":header")

选取所有正在执行动画的元素
$(":animzted")

内容过滤选择器


选取含有文本内容为text的元素
$("div:contains('text')")

选择不包含后代元素和文本的空元素
$("div:empty")

选择含有后代元素和文本的元素
$("div:parent")

选取含有后代元素为selector的元素
$("div:has(selector)")

可见性过滤选择器

选取不可见元素
$("p:hidden")

选取可见元素
$("div:visible")


属性过滤选择器


选择使用attr属性的元素
$("div[attr]")

选取attr属性值为value的元素
$("div[attr=value]")

选取attr属性值不为value的元素
$("div[attr!=value]")

选取attr属性值以value 开头的元素
$("div[attr^=value]")

选取attr属性值以value 结尾的元素
$("div[attr$=value]")

选取attr属性含有value的元素
$("div[attr*=value]")

多条件属性选择器
$("div[attr1=value] [attr2]")


子元素过滤选择器 

选取第一个子元素
$("p:first-child")

选取最后一个子元素
$("p:last-child")

选取唯一的子元素
$("p:only-child")

选取索引值是奇数的子元素
$("p:nth-child(odd)")

选取索引值是偶是的子元素
$("p:nth-child(even)")

选取索引时等于index的子元素
$("p:nth-child(index)")

选取索引值符合equation 的子元素
$("p:nth-child(equation)")




表单对象属性过滤选择器

选取可用的表单元素
$("input:enavled")

选取不可用的表单元素
$("input:disavled")

选取被选中的<input>元素
$("input[type=checkbox]:checked")

选取被选中的<option>元素
$("selelct  option:selected")