选择器 | 描述 | 返回 | 实例 |
#id | 根据给定的id匹配一个元素 | 单个元素 | $("#test") |
.class | 根据给定的类名匹配元素 | 集合元素 | $(".test") |
element | 根据给定的元素名匹配元素 | 集合元素 | $("p") |
* | 匹配所有元素 | 集合元素 | $("*") |
selector1,selector2..... | 将每一个选择器匹配到的元素合并后返回 | 集合元素 | $('div,span,p.classname") |
选择器 | 描述 | 返回 | 实例 |
$("ancestor descentdant") | 选取ancestor元素里的所有descendant(后代)元素 | 集合元素 | $("div span") |
$('parent>child") | 选取parent元素下的child元素,与$("ancestor descendant") 有区别,$(ancestor descendant)选择的是后代元素 | 集合元素 | $("div>span") |
$('prev+next') | 选取紧接在prev元素后的next元素 | 集合元素 | $('.one+div') |
$('prev~siblings') | 选取prev元素之后的所有siblings | 集合元素 | $("#two~div") |
最后的两个不常用,因为$('prev+next')选择器与next()方法等价
$(".one+div") =$(".one").next("div");
$('prev~siblings')选择器与nextAll()方法等价
$("#prev~div")=$("#prev").nextAll("div");