助睡眠大法
##JQuery高级
1. 动画
1. 三种方式显示和隐藏元素
1. show([speed,[easing],[fn]])
1. speed:动画的速度。参数可以是"slow","fast","normal","毫秒值"
2. easing:用来指定切换效果,默认是“swing”:效果是开始慢中间快后面慢,可用参数“linear”:效果是匀速
3. fn:在动画完成是执行的函数
2. hide([speed,[easing],[fn]])
3. toggle([speed,[easing],[fn]])
2. 滑动显示和隐藏元素
1. slideDown([speed,[easing],[fn]])
2. slideUp([speed,[easing],[fn]])
3. slidetoggle([speed,[easing],[fn]])
3. 淡入淡出显示和隐藏元素
1. fadeOut([speed,[easing],[fn]])
2. fadeIn([speed,[easing],[fn]])
3. fadeToggle([speed,[easing],[fn]])
2. 遍历
1. js的遍历方式
* for(初始化值;循环结束条件;步长)
2. jq的遍历方式
1. jq的对象.each(ccallback)
2. $.each(objeck,[callback])
3. for..of
3. 事件绑定
1. JQuery标准的绑定方式
1. jq对象.事件方法(回调函数);
1. mouserover mouseout
2. on绑定事件/off解除绑定
1. jq对象.on("事件名称",回调函数)
2. jq对象.off("事件名称")
3. 事件切换:toggle
1. jq对象.toggle(fn1,fn2.....)
4. 案例
* display disable
1. setTimeout():执行一次
2. setTimeInterval();
5. 插件:增强JQuery的功能
1. 实现方式
1. $.fn.extend(object)
2. $.extend(object)
早睡早起,方能养生!
|
|