jQuery学习笔记

1.jQuery基本选择器：

#id:根据id匹配一个元素

.class:根据给定的class匹配元素

element:根据标签匹配元素

*：匹配所有元素

selector1,selector2:将每一个选择器匹配到的元素一起返回

2.层次选择器

$("ancestor descendant")：选择ancestor下的descendant元素

$("parent>chid")：选择parent下child元素

$("prev+next")：选取紧接在prev元素后的next元素，可以用$(".one").next("div")来代替

$("prev~siblings"):选取prev元素之后所有的siblings元素，可以用$(".one").nextAll("div")来代替

3.过滤选择器

$(:first):选择第一个元素

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

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

$(:animated)：选取当前正在执行动画的所有元素

$(:focus)：选取当前获取焦点的元素

$(:contains(text))：内容过滤选择器，选取所有包含text的文本

$(:empty)：选取不包含子元素或者文本为空的元素

$(:has(selector)):选取含有选择器匹配元素的元素

$(:parent):选取含有子元素或者文本的元素

$(:visible):选取所有可见的元素

$(:hidden):选取所有隐藏的元素

属性过滤选择器：
[attribute]:选取拥有属性的元素，如[id]指拥有属性id的元素的集合

[attribute:value]：选取属性值为value的的元素

:nth-child():选取对应的子元素，如nth-child(2)选取索引值是2 的元素（index从1算起）

表单对象选择器：

:enabled：选取所有可用的元素

:disables:选取所有不可用的元素

:checked：选取所有被选中的元素，单选框和复选框

:selected：选取所有被选中的元素，下拉列表

:input:选取所有<input>集合元素

:radio：选取所有的单选框

例子：

选择一个特定的表格使其变色：
$("#tb tbody tr:even") :选取id为tb，然后寻找tbody标签，tr索引为偶数的被选中。

jQuery中获取对象元素时，有无空格是不一样的

var $t_a=$('.test :hidden') 选取class为test的元素里的隐藏元素

var $t_b=$('.test:hidden')选取隐藏的class为test的元素