JQuery中的事件和动画

JQuery中的事件和动画

前言

JavaScript和Html之间的交互式通过用户操作页面时引发的事件来处理的。当文档或者它的某些元素发生某些变化或操作时，浏览器会自动生成一个事件。虽然利用传统的JavaScript事件能完成这些交互，但JQuery增加并扩展了基本的事件处理机制。JQuery不仅提供了更加优雅的事件处理语法，而且极大地增强了事件处理能力。

JQuery中的事件

1.加载DOM

首先，浏览器装载完文档，然后，通过JS为DOM元素添加事件。常规的 JS代码中，使用window.onload,Jquery 中使用$(document).ready();

$(documnt).ready() 优于window.onload的三个地方

1、执行时机不一样，导致JQuery速度大于JS，window.onload 方法是在网页中所有元素完全加载到浏览器后才执行，而JQuery中$(document).ready()方法注册的事件处理程序，在DOM完全就绪时就可以被调用。

2、$(document).ready() 可以顺序触发，而多个window.onload 只会执行最后一个。

3、简写，$(function(){}) 和$().ready(function(){}) 都可以表示文件加载。