事件和动画

事件

什么是事件？

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

bind()：向元素添加事件处理程序

change()：添加/触发 change 事件

event.preventDefault()：阻止事件的默认行为

hover()：添加两个事件处理程序到 hover 事件

实例：

<script>
$(document).ready(function(){
$("#p1").hover(
function(){
alert("你进入了 p1!");
},
function(){
alert("拜拜! 现在你离开了 p1!");
}
)
});
</script>

toggle()：添加 click 事件之间要切换的两个或多个函数

动画

jQuery animate() 方法用于创建自定义动画。

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

实例：

<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left:'250px'});
});
});
</script>