jquery

//dom页面加载完毕再执行js
1.
$(document).ready(
	function(){
	
	}
)
2. 
$(function(){
	
})

jQuery 对象是 dom 对象的数组 + jQuery 提供的一系列功能函数。

$是jQuery的别称，都是顶级对象

1. DOM 转 jQuery
   $(DOM对象); 得到jQuery对象
2. jQuery 转 DOM
   jQuery对象[下标];得到DOM对象 或 jQuery对象.get(下标);

选择器

基本

#id
根据id匹配一个元素，元字符作为名称部分时，要用”\“转义

<div id="a">选我</div>
<div id="a:b">选我</div>
$(#a) //选中id为a的
$(#a\\:b)

element
根据标签名匹配所有元素

$(“div”) //选中所有div标签

.class
匹配类元素

$(.classname) //匹配.classname为类名的元素

*
匹配所有元素

$(“*”)

selector1,selector2,...
并集选择器，每个选择器合并的结果返回
如：

$(“div,span,p.classname”)

层级

ancestor descendant
祖先 后辈选择，在给定的祖先元素下匹配所有后代元素

<div></div>
<div class="red">
<p>选我</p><p>选我</p>
</div>
<p></p>
$("div.red p")

parent>child
父子选择，在给定父元素下匹配所有子元素
例：

$(“form > input”)

prev + next
后续兄弟选择器，选择所有紧接在prev元素后的next元素
选取所有指定元素之后的相邻兄弟元素。

$(“pre + next”)

筛选

:first
获取第一个元素

$(‘li:first’); //获取第一个li元素

:not(selector)

<input name="apple" />
<input name="flower" checked="checked" /> 

$("input:not(:checked)") //选中上面的input

:even
匹配所有索引值为偶数的元素，从 0 开始计数

$(“tr:even”) 表格中的偶数行

:odd
匹配所有索引值为奇数的元素，从 0 开始计数

:eq(index)
匹配一个给定索引值的元素

$(“tr:eq(1)”) //匹配表格中第二行

:gt(index)
匹配所有大于给定索引值的元素

$(“tr:gt(0)”)

:lt(index)
匹配所有小行给定索引值的元素

筛选

eq(index|-index)
first()
last()
parent([expr])
parents([expr])
children([expr])
sibling([expr])
prev([expr])
prevAll([expr])
next([expr])
nextAll([expr])
find(expr|obj|ele)
has(expr|ele)
hasClass(class)

样式操作

设置类