其他分享
首页 > 其他分享> > jQuery页面载入&事件处理

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:鼠标移出元素要触发的函数

标签:jQuery,事件处理,函数,function,元素,载入,事件,fn
来源: https://www.cnblogs.com/yj-fqq/p/15706777.html