现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery的on()绑定事件的使用方法

发表于2018/7/27 网站制作教程 0条评论 ⁄ 热度 268℃

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

注:自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

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

如需移除事件处理程序,请使用 off() 方法。

on()语法:

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

on()使用示例:

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

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

在前几天,我分享了和on()差不多效果的bind()方法,具体查看:jquery的bind()的使用方法

  • 暂无评论