jQuery事件和动画

jQuery中的事件
基础事件
window事件
1、$(document).ready(function(){//不常用
alert(‘hello world’)
})
2、(function(){//常用
alert(‘hello jquery’)
})
鼠标事件
1、click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时
2、mouseover( ) 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移过时
3、mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时
4、mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时
5、mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时
6、mousedown( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针点击时
7、mouseup( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针点击松开时

格式：
$(“元素”).click（function（）{
操作
}）
键盘事件
1、keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时
2、keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时
3、keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时//效果等同keydown
表单事件
1、focus（），获得焦点
2、blur（），失去焦点

在input中，点击文本框获取焦点
浏览器事件
调整窗口大小时，完成页面特效
$(selector).resize( );
绑定和移除事件
1、绑定：
一般绑定：bind（“事件类型”，[可选参数（一般省略），函数]）
绑定多个事件：
bind（{
事件类型：函数（）{
操作
}，
事件类型：函数（）{
操作
}
}）
2、解绑：
unbind（“事件类型”，执行的下一个函数）
当没有参数时，解绑所有绑定事件
复合事件
1、hover（）方法：模拟鼠标悬停和离开事件
hover（enter，leave）
示例：
$(".top").hover(
function(){//悬停
$(".down").css({“display”:“block”,});
$(".top").css(“cursor”,“pointer”);
},
function(){//离开
$(".down").css(“display”,“none”);
}
);
2、toggle（）方法：模拟鼠标连续点击事件
3、toggleClass（）：对样式进行切换
KaTeX parse error: Expected '}', got 'EOF' at end of input: …ick(function(){(“p”).toggleClass(“red”);})
jQuery中的动画
显示和隐藏
1、元素显示：
show（speed，callback）
speed：可选，从隐藏到可见的速度，默认为0
callback：可选，下一个要执行的函数
2、元素隐藏：
hide（speed，callback）
改变透明度
1、fadeIn()可以通过改变元素的透明度实现淡入效果
，显示
2、fadeOut()可以通过改变元素的透明度实现淡出效果，隐藏
可以设置时间和下一个要执行的函数
3、fadeToggle（）实现淡入和淡出的转换
改变高度
1、slideDown（）通过滑动的方式显示隐藏的元素
2、slideUp（）通过滑动的方式隐藏元素