锋利的jquery —— 事件和动画
jquery中的事件和动画
?
1、jquery的事件
$(document).ready()?? 与 javascript中的 window.onload()? 的对比；
?
简写成: $(function(){});????????? $() <==>$(document)
?
绑定事件 bind(type,[,data],fn)
?????? 第一个参数是类型；如:click...
?????? 第二个参数为可选参数,作为event.data属性值传递给事件对象的额外数据对象；
?????? 第三个参数是用来绑定的处理函数；
?????? 简写： $(".hello").bind("click",function(e){});?? <====>?? $(".hello").click(function(){});
?
合成事件 hover(enter,leave)?
????? 当鼠标移动到元素上时，触发第一个函数；当鼠标离开元素时，触发第二个函数；
?
合成事件 toggle(fn1,fn2,fn3.....fnN)
???? 当第一次单击时触发第一个函数，第二次时触发第二个函数.......依次循环
? ?? toggle()? 还可以切换元素的可见状态 ????
?
事件冒泡
?????? 例如：
?默认值： ?? fast = 200ms??? normal = 400ms??? slow = 600ms
?
2、fadeIn()? 和 fadeOut()? 只改变元素的 不透明度，不会改变元素的高度和宽度
?
3、slideUp()? 和 slideDwon() 只改变元素的高度。
?
4、自定义动画? animate()
?
5、停止动画 stop()
?
6、其它的动画方法?
? ?? toggle(speed,[callback])??? 切换元素的可见状态
? ?? slideToggle(speed,[callback]) ? 通过高度的变化，来切换元素的可见性
???? fadeTo(speed,opacity,[callback])?? 以渐进的方式来改变元素的不透明度，不改变高度和宽度
?
?
?
?
?
?
