1.绑定事件
除了使用事件名绑定事件外,还可以使用bind()方法
绑定多个事件
bind()方法还可以同时为多个事件绑定方法
2.移除事件
移除事件使用unbind()方法,其语法:unbind([type],[fn])
参数 含义 描述
[type] 事件类型 主要包括:blur、focus、click、mouseout等基础事件,此外,还可以是自定义事件
[fn] 处理函数 用来解除绑定的处理函数
提示:当unbind()不带参数时,表示移除所绑定的全部事件
3.鼠标光标悬停事件
hover()方法相当于mouseover与mouseout事件的组合
鼠标连续click事件
toggle()方法用于模拟鼠标连续click事件
4.jQuery动画效果
jQuery提供了很多动画效果:
(1)控制元素显示与隐藏
显示:show();
隐藏:hide();
(2)控制元素淡入淡出
淡入:fedeIn();
淡出:fedeOut();
(3)改变元素高度
逐步延伸显示:slideDown();
逐步缩短直至隐藏:slideUp();
5.显示及隐藏元素
show() 在显示元素时,能定义显示元素时的效果,如缓慢显示速度"slow"
hide() 在显示元素时,能定义隐藏元素时的效果,如缓慢显示速度"fast"
6.切换元素可见状态
toggle()除了可以模拟鼠标的连续单击事件外,还能用于切换元素的可见状态
7.toggle()显示与隐藏
slideToggle()改变高度的显示与隐藏。
fadeTo(time,op)通过指定时间将元素的不透明度变为op
fadeToggle()改变不透明度的显示与隐藏。
8.使用animate()来自定义动画。
$(selecttor).animate(params,speed,callback)
params:定义形成动画的CSS属性
speed:动画实现需要的事件(ms)
callback:动画完成时执行的函数。