标签：jQuery 事件处理 函数 function 元素 载入 事件 fn

一、页面载入：

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。