jquery on()方法和bind()方法的区别

136 阅读 0 评论 90 点赞

我是靠谱客的博主愉快小懒猪，这篇文章主要介绍jquery on()方法和bind()方法的区别，现在分享给大家，希望可以做个参考。

bind是直接绑定在一个对象上。

复制代码

1
2
3
$('.btn').bind('click', function() {
alert('User clicked');
});

参数	描述
event	必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。
data	可选。规定传递到函数的额外数据。
function	必需。规定当事件发生时运行的函数。

参数

描述

event

必需。规定添加到元素的一个或多个事件。

由空格分隔多个事件。必须是有效的事件。

data

可选。规定传递到函数的额外数据。

function

必需。规定当事件发生时运行的函数。

关于on

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

主要差别是 childSelector，如

复制代码

1
2
3
$('.btn').on("click", "a", function(){
alert("Goodbye!");
});

这里需要点击.btn a 元素实现

如childSelector 不写则和bing一样

以上就是愉快小懒猪最近收集整理的关于jquery on()方法和bind()方法的区别的全部内容，更多相关jquery内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。