前端----jquery(二)

 

 

2.4 事件

2.4.1 鼠标事件

 

鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用鼠标事件有：

2.4.2 键盘事件

用户每次按下或者释放键盘上的键时都会产生事件，常用键盘事件有：

2.4.3 表单事件

当元素获得焦点时，会触发focus事件，失去焦点时，会触发blur事件，详见下表：

2.4.4 鼠标悬停复合事件

hover()方法相当于mouseover与mouseout事件的组合

2.4.5 连续点击复合事件

toggle()除了可以模拟鼠标的连续单击事件

2.4.6 事件的动态绑定

对dom元素绑定事件的另一种写法

• 绑定一个事件

• 绑定多个事件

2.5 元素的隐藏和显示

2.5.1 改变元素的宽和高（带动画效果）

• show( speed )：显示
• hide( speed )：隐藏
• toggle( speed )等价于show+hide : 显示的隐藏，隐藏的显示

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒

2.5.2 改变元素的高（拉伸效果）

• slideDown( speed ) ：显示
• slideUp( speed )：隐藏
• slideToggle( speed )等价于slideDown+slideUp

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒

2.5.3 不改变元素的大小（淡入淡出效果）

• fadeIn( speed ) 显示
• fadeOut( speed ) 隐藏
• fadeToggle( speed ) 等价于fadeIn+fadeOut动画
• fadeTo( speed , 透明度 ) 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒

2.5.4 链

链是允许我们在同一个元素上在一条语句中运行多个jQuery方法，可以把动作/方法链接在一起 ；

例如：点击一次按钮，让div完成4个指定动作

1. 背景变粉

2. 字体变绿

3. 收缩

4. 拉伸