寒假作业7

1.jQuery中的事件
基础事件
鼠标事件
方法 描述 执行时机
click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时
mouseover( ) 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移过时
mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时
mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时
mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时
键盘事件
方法 描述 执行时机
keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时
keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时
keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时
Windows事件
表单事件

绑定和移除事件
绑定事件

1 // 语法
2 // bind(type,[data],fn);
3 // type 事件类型，主要包括click、mouseover、mouseout等基础事件，此外，还可以是自定义事件
4 // [data] 可选函数
5 // fn 处理函数
6
7 // 绑定单个事件
8 $(document).ready(function(){
9 $(".on").bind(“mouseover”,function(){
10 $(".topDown").show();
11 });
12 });
13
14 // 同时绑定多个事件
15 $(".top-m .on").bind({
16 mouseover:function(){
17 $(".topDown").show();
18 },
19 mouseout:function(){
20 $(".topDown").hide();
21 }
22 });

移除事件

1 // 语法
2 // unbind([type],[fn])
3 // [type] 事件类型，主要包括：blur、focus、click、mouseout等基础事件，此外，还可以是自定义事件
4 // [fn] 处理函数
5 // 当unbind()不带参数时，表示移除所绑定的全部事件

复合事件
鼠标光标悬停 hover( )方法
鼠标连续点击 toggle( )方法

2.jQuery中的动画
控制元素显示与隐藏
show( )方法
hide( )方法

改变元素的透明度
fadeIn( )方法
fadeOut( )方法

改变元素高度
slideUp ( )方法
slideDown ( )方法

自定义动画
animate()

---