【锋利的jQuery阅读笔记】jQuery选择器

1、jQuery选择器完全继承了CSS的风格，但是二者的作用效果不同。CSS选择器找到元素后为其添加样式，而jQuery选择器找到元素后为其添加行为。

2、用jQuery检查某元素在网页上是否存在：

          因为$( "#tt")获取的永远是对象，因此应该根据获取到元素的长度来判断：

               if($("#tt").length>0){ //do something}

          或者转化成DOM对象来判断：

               if($("#tt")[0]){//do something}

3、基本选择器

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

4、层次选择器

选择器	描述	返回	示例
$("ancestor descendant")	选取ancestor元素里的所有descendant（后代）元素	集合元素	$("div span")
$("parent>child")	选取parent元素下的child（子）元素	集合元素	$("div>span")
$("prev+next")	选取紧接在prev元素后的next元素	集合元素	$(".one+div")
$("prev~siblings")	选取prev元素之后的所有siblings元素	集合元素	$("#two~div")

5、过滤选择器：与CSS中的伪类选择器语法相同，即选择器都以一个冒号（：）开头。

     分为（1）基本过滤（2）内容过滤（3）可见性过滤（4）属性过滤（5）子元素过滤（6）表单对象属性过滤

     （1）基本过滤选择器

选择器	描述	返回	示例
:first	选取第一个元素	单个元素	$("div:first")选取所有<div>元素中第一个<div>元素
:last	选取最后一个元素	单个元素	$("div:last")选取所有<div>元素中最后一个<div>元素
:not(selector)	去除所有与给定选择器匹配的元素	集合元素	$("input:not(.myClass)")选取class 不是myClass的元素
:even	选取索引是偶数的所有元素，从0开始	集合元素	$("input:even")
:odd	选取索引是奇数的所有元素，从0开始	集合元素	$("input:odd")
:eq(index)	选取索引等于index的元素	单个元素	$("input:eq(1)")
:gt(index)	选取索引大于index的元素	集合元素	$("input:gt(5)")
:lt(index)	选取索引小于index的元素	集合元素	$("input:lt(5)")
:header	选取所有的标题元素，如h1,h2	集合元素	$(":header")
:animated	选取当前正在执行动画的所有元素	集合元素	$("div:animated")
:focus	选取当前获取焦点的元素	集合元素	$(":focus")

（2）内容过滤选择器

选择器	描述	返回	示例
:contains(text)	选取含有文本内容为‘text’的元素	集合元素	$("div:contains('我')")
:empty	选取不包含子元素或者文本的空元素	集合元素	$("div:empty")
:has(selector)	选取含有选择器所匹配的元素的元素	集合元素	$("div:has(p)")
:parent	选取含有子元素或文本的元素	集合元素	$("div:parent")

（3）可见性过滤选择器

选择器	描述	返回	示例
:hidden	选取所有不可见的元素	集合元素	$(":hidden")
:visible	选取所有可见的元素	集合元素	$(:visible)

（4）属性过滤选择器

（5）子元素过滤选择器

（6）表单过滤选择器

6、表单选择器