jQuery页面载入&事件处理

一、页面载入：

ready(fn):

当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。

在DOM加载完成时运行的代码:

使用示例：

$(document).ready(function(){
  // 在这里写你的代码...
})

二、事件处理：

1. on(events,[selector],[data],fn):

on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。

使用示例：

$(\'#div1\').on(\'mousemove\',function () {
    console.log(\'move\')
  })

2. off(events,[selector],[fn]):

在选择元素上移除一个或多个事件的事件处理函数。 off() 方法移除用.on()绑定的事件处理程序。

使用示例：

 $(\'#div1\').on(\'mousemove\',function () {
    console.log(\'move\')
  })
  $(\'#div1\').on(\'mousedown\',function () {
    console.log(\'down\')
  })
  $(\'#div1\').off(\'mousedown\',\'mousemove\')//多个函数之间用逗号隔开

3. one(type,[data],fn)：

为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。

type:添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

data:将要传递给事件处理函数的数据映射

fn:每当事件触发时执行的函数。

4. hover：当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。

over:鼠标移到元素上要触发的函数

out:鼠标移出元素要触发的函数