Jquery事件和特效

1. 事件
   (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(){}) – 键盘输入的时候

2. 绑定
   (1)$ (selector).bind(“事件类型”，function(){})
   (2)$ (selector).unbind()

3. 复合事件
   (1)$ (selector).hover(function(){},function(){}) — 鼠标移上和移出
   (2)$ (selector).toggle(function(){},function(){},…); – 点击多个事件相互切换

4. $ (selector).toggle() – 显示和隐藏

5. $(selector).toggleClass(“red”) – addClass(“red”) removeClass(“red”)

6. 显示和隐藏的动画
   (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

本文地址：https://blog.csdn.net/qq_43663401/article/details/111132725