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
11,效果:
show(), hide()会同时修改多个样式属性 : 高度,宽度和不透明度。
fadeIn() fadeOut() : 不透明度
fadeTo() : 不透明度
slideDown() , slideUp() :高度
如果都不能满意,只能用animate()了
animate()提供了更为强大的,复杂的效果。
12,animate() :
之前 .show('slow'); // slow代表的是0.6秒内同时改变高度,宽度和透明度 。 如果用时间表示是 600 ;=== .show(600);
那么我们再来看看 animate()
animate({heigth : 'slow' ,width : 'slow' } , 'slow' )
这里之所以可以 height : 'slow' 其实就跟 .show('slow') 类似,当然他前面规定了height 。。
13,做动画之前 先确定位置。
a
14,width()和css('width')
a
15:animate()做动画效果时,动画执行的顺序。
a
//发生上面是按照顺序来执行的。先改变left,然后再改变top
对比:
a
//发生上面是一起执行的,也就是 left和top 一起改变。
区别知道了吧。
12下一页阅读全文



