JQuery中的事件和动画

JQuery中的事件

     JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的时间来处理的。虽然利用传统的JavaScript事件能完成这些交互，但是JQuery增加并扩展了基本的时间处理机制，增强了时间处理能力。

加载DOM事件

      以浏览器装载文档为例，在页面加载完毕后，浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中，通常使用window.onload方法，而在JQuery中，使用的是$(document).ready()方法。使用该方法能极大地提高Web应用程序的响应速度。两者的区别如下：

     window.onload方法是在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行，即JavaScript此时才可以访问网页中的任何元素。而通过JQuery中的$(document).ready()方法注册的时间处理程序，在DOM完全就绪时就可以调用。此时网页中的所有元素对JQuery而言是可以访问的，但是这并不意味着这些元素关联的文件都已经下载完毕。

$(document).ready(function(){......})也可以简写如下：

$(function(){......}) 或者

$().ready(function(){......})

事件绑定

        在文档装载完成后，可以使用bind()方法来对匹配元素进行特定事件的绑定。bind()方法的调用格式为:

     bind(type [, data] , fn)

    


JQuery有两个合成事件

1. hover(enter,leave) 当鼠标移动到元素上时会触发enter函数，当鼠标离开该元素时，会触发第二个函数。

类似于mouseover和mouseout

2. toggle(fn1 , fn2 , ... fnn) toggle模拟鼠标的连续单击事件，第一次点击触发第一个函数，然后依次。随后的触发都重复对这几个函数的连续调用。

show()和hide()方法相当于css("display","none/block/inline")，带参数用于指定显示和隐藏的速度