jQuery基础之二 -- 选择器

在Dom编程中我们只能使用有限的函数根据id或者TagName获取Dom对象. 在jQuery中则完全不同,jQuery提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery包装集的形式返回.

性能优化： 相比于通过 ClassName 来选择，应该优先考虑用 TagName 搭配 ClassName 来选择，或是在页面只有少量对象时用唯一性的 ID 来选择，而且要尽量避免不必要的调用

1.基本选择器：通过元素id、class和标签名等来查找DOM元素

$("#id")    选取id为“id”的元素
$(".class") 选取所有class为“class”的元素
$("p")      选取所有的<p>元素
$("*")      选取页面所有的元素
$("div, span, p.myClass")   选取所有的<div>,<span>和拥有class为myClass的元素

2.层次选择器： 通过DOM元素之间的层次关系来获取特定元素

后代元素： $("ancestor descendant")  $("div span")选取所有<div>里的所有的元素名是<span>后代元素
子元素：   $("parent > child")       $("div >