jquery的基础知识

windows.onload与$(socument).ready的区别

1.执行时间

windows.onload必须等所有的网页元素包括图片都加载出来，然后执行

$(socument).ready是dom结构绘制完成后就可以执行，不用等到网页元素加载完毕

2.简化写法

windows.onload没有简化写法

$(document).ready(function(){})可以简写成$(function{}

3.执行数量不同

windows.onload只执行最后一个

$(document).ready(function(){})全部执行

jequery的特点

write less,do more 

jequery 选择器

tr:even偶数

#id单个元素，多个id相同时只能匹配到第一个

.class元素集合

*所有元素（包括html和body）

逗号隔开可以选择多个元素

层次选择器

层次选择器是利用DOM元素间的层次关系来选择元素，来获取指定元素的子元素、后代元素和兄弟元素等。

后代选择器 

后代元素：被包含在祖先元素中的元素。
祖先元素：包含后代元素的元素。

选择器 选择器 选择器{}

子代选择器 

父元素：直接包含子元素的元素。
子元素：被父元素直接包含的元素。

选择器1 > 选择器2{}

兄弟选择器

+ 选择器

　　如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 

 ~ 选择器 
　　作用是查找某一个指定元素的后面的所有兄弟结点。 

$(selector).prevAll( selector )

功能描述：获得集合中每个匹配元素的所有前面的兄弟元素，选择性筛选的选择器。 

$(selector).nextAll( selector )

功能描述：获得每个匹配元素集合中所有下面的同辈元素，选择性筛选的选择器。 

$(selector).siblings( selector )

功能描述：获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。

父辈选择器

选中父元素的集合