JQuery基本知识

择器：

1、元素：$("tagName")， 根据 标签名 选择所有该标签的元素

例如：$("div") 

2、id:

$("#id"),     $("#div1")

根据 id 选择元素,  id应该是唯一的，如果id重复，则只会选择第一个。

3、类  $(".div1")

$(".className")，根据 class 选择元素 

4、层级

$("selector1 selector2")      $("div#d3 span")
选择 selector1下的selector2元素 。 
在本例中 选择id=d3的div下的span元素

5、最先最后      $(div:first).addClass("pink");给第一个div添加类.pink

$(selector:first) 满足选择器条件的第一个元素 
$(selector:last) 满足选择器条件的最后一个元素

6、奇偶   $(div:odd).addClass("pink");给多个div中的基数个div添加类.pink

$(selector:odd) 满足选择器条件的奇数元素 
$(selector:even) 满足选择器条件的偶数元素 
因为是基零的，所以第一排的下标其实是0(是偶数)

7、可见性

$(selector:hidden) 满足选择器条件的不可见的元素
$(selector:visible) 满足选择器条件的可见的元素
注； div:visible 和div :visible(有空格)是不同的意思
div:visible 表示选中可见的div
div :visible(有空格) 表示选中div下可见的元素

 

 

 8、属性

9、自定义动画：

通过animate 可以实现更为丰富的动画效果 
animate()第一个参数为css样式 
animate()第二个参数为延时毫秒 
注： 默认情况下，html中的元素都是固定，并且无法改变的位置的。 为了使用animate()自定义动画效果，需要通过css把元素的position设置为relative、absolute或者fixed。

 

 10、回调函数：

效果一般需要一定的时间，并且这个时间可长可短，所以就无法精确的确定该效果合适结束。 
好在，效果方法都提供对回调函数callback()的支持。 
只需要在调用效果方法的最后一个参数传入一个function，当效果结束的时候，就会自动调用该function了。