jQuery on() 方法

返回上一级

jQuery on() 方法在被选元素及子元素上添加一个或多个事件处理程序

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品

该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库

使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)

如果想要移除事件处理程序,请使用 off() 方法

如果想要添加只运行一次的事件然后移除,可以使用 one() 方法

语法

$( selector ).on( event,childSelector,data,function )

参数

参数 描述
event 必需。规定要从被选元素移除的一个或多个事件或命名空间
由空格分隔多个事件值,也可以是数组
必须是有效的事件
childSelector 可选。规定只能添加到指定的子元素上的事件处理程序
且不是选择器本身,比如已废弃的 delegate() 方法
data 可选。规定传递到函数的额外数据
function 可选。规定当事件发生时运行的函数

范例

向 <p> 元素添加 click 事件处理程序

$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});

运行范例 »

更多范例

  1. 从 bind() 改为 on()

    如何使用 on() 来达到与 bind() 相同的效果

  2. Changing from delegate() to on()

    如何使用 on() 来达到与 delegate() 相同的效果

  3. 从 live() 改为 on()

    如何使用 on() 来达到与 live() 相同的效果

  4. 添加多个事件处理程序

    如何向元素添加多个事件处理程序

  5. 使用 map 参数添加多个事件处理程序

    如何使用 map 参数向被选元素添加多个事件处理程序

  6. 在元素上添加自定义事件

    如何在元素上添加自定义命名空间事件

  7. 向函数传递数据

    如何向函数传递数据

  8. 向未来的元素添加事件处理程序

    演示 on() 方法也适用于尚未创建的元素

  9. 移除事件处理程序

    如何使用 off() 方法移除事件处理程序

返回上一级

jQuery 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.