Jquery事件和特效
- 作者: 丷蝴蝶丶
- 来源: 51数据库
- 2021-07-02
-
事件
(1)鼠标事件
①$ (selector).click(function(){}); - 鼠标的点击事件
②$ (selector).mouseover(function(){}) ;- 鼠标移上事件
③$ (selector).mouseleave(function(){}); – 鼠标离开事件
④$ (selector).mouseenter(function(){}); – 鼠标进入事件
⑤$(selector).mouseout(function(){}); – 鼠标移出事件(2)键盘事件
①$ (selector).keydown(function(){}); – 键盘按下的时间
②$ (selector).keyup(function(){}) – 键盘放开，谈起的事件
③$ (selector).keypress(function(){}) – 键盘输入的时候 -
绑定
(1)$ (selector).bind(“事件类型”，function(){})
(2)$ (selector).unbind() -
复合事件
(1)$ (selector).hover(function(){},function(){}) — 鼠标移上和移出
(2)$ (selector).toggle(function(){},function(){},…); – 点击多个事件相互切换 -
$ (selector).toggle() – 显示和隐藏
-
$(selector).toggleClass(“red”) – addClass(“red”) removeClass(“red”)
-
显示和隐藏的动画
(1)show(speed, [function(){}])/hide(speed, [function(){}])
(2)fadeIn(speed, [function(){}]) / fadeOut(speed, [function(){}]) - 淡出淡出
(3)slideUp(speed, [function(){}])/slideDown(speed, [function(){}]) – 改变元素的高度
speed : 数字（毫秒） ，slow,fast,normal
