【jQuery教程】jQuery基础教程笔记1

 看完jquery基础教程做的笔记，笔记并不适合所有人，觉得好，可以看，觉得不好，可以不看。
1, ：eq()和nth-child()
看下面代码：


2，:odd 和  :even   
:odd      : 奇数行   
:even     : 偶数行
新手经常会说，好像跟我们做的相反？
其实与 :eq() 选择器一样， 下标都是从 0开始的，
也就是  表格的第一行 编号是 0  （偶数）；
第二行 编号是 1   （奇数）；以此类推。。。

3, $("tr:odd").addClass()
可以写成  $("tr").filter(":odd").addClass()

4，$('td:contains("cssrain")')          //取得 包含 字符串 cssrain 的所有td

5，jquery 转 dom ：
$("td").get(0).tagName 或 $("td")[0].tagName

6，load():
jquery中的load（）有2层意思，
第一层 意思 可以等价于 dom中 window.onload
第二层 意思 可以load（url ）。

7：ready简写：
1;
$(document).ready(function(){   
   //do something
})
2;
$().ready(function(){   
   //do something
})
3;
$(function(){   
   //do something
})

8，事件冒泡：
正常的来说：点击B  会触发a的click。
如果我们不想触发A，可以用stopPropagation() 阻止冒泡.
具体例子：

aaaaaaa

bbbbbbbb

aaaaaa

9, hide()show()会记住上一次的dipslay状态

a

b

10, hide()  show()加时间参数

a

b

来自http://www.ajaxjc.com

11，效果：
show(), hide()会同时修改多个样式属性  : 高度，宽度和不透明度。
fadeIn() fadeOut() : 不透明度
fadeTo()   : 不透明度
slideDown() , slideUp()  :高度
如果都不能满意，只能用animate（）了
animate()提供了更为强大的，复杂的效果。

来自http://www.ajaxjc.com
12，animate() :
之前 .show('slow');  // slow代表的是0.6秒内同时改变高度，宽度和透明度 。 如果用时间表示是 600 ；===  .show(600);
那么我们再来看看 animate()
animate({heigth : 'slow' ,width : 'slow' } , 'slow' )  
这里之所以可以 height : 'slow'   其实就跟 .show('slow')  类似，当然他前面规定了height  。。


13,做动画之前 先确定位置。

a