带你学习Jquery（二）：选择器

JS的选择器和Jquery的选择的区别：

 $("#ID")用来代替document.getElementById()函数，即通过ID获取元素，$("tagName"),用来代替document.getElementByTagName()，即通过名称获取元素

选择器

选择器描述返回实例.class根据给定的类名匹配元素单个元素$(".test")选取所有class为test的元素element根据给定的元素名称匹配元素集合元素$("p")选取所有的<p>元素*匹配所有元素集合元素$("*")选取所有的元素selector1,selector2...将每一个选择器匹配到的元素合并后一起返回集合元素$("div,span,myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素#id根据给定的id匹配一个元素集合元素$("#test")

层次选择器

选择器描述返回示例$("ancestor descendant")选取ancestor元素里的所有descendant元素集合元素$("div  span")选取<div>里的所有的<span>元素$("parent>child")选取parent元素下的child元素，与$("anscestor  descendant")有区别，$("ancestor  descendant")选择的是后代的元素集合元素$("div>span")选取<div>元素下元素名是<span>的子元素$('prev+next')选取紧接在prev元素后的next元素集合元素$('.one+div')选取class魏one的下一个<div>元素$('prev~siblings')选取prev元素之后的所有siblings元素集合元素$('#two~div')选取id为two的元素后面的所有<div>兄弟元素

前两个方法常用，后两个用的就比较少了，因为有替代方法可以实现如下

 选择器方法等价关系$('.one+div')$(".one").next("div")等价关系$("prev~div")$("#prev").nextAll("div")