jQuery的on方法可以在匹配元素上绑定一个或者多个事件处理函数。
jquery on()怎么用?
基本语法:$(selector).on(event,function)
$(selector).on(object,[selector],[data])
$(selector).on(events,[selector],[data],function)参数描述
event必需。规定要从被选元素移除的一个或多个事件或命名空间。
由空格分隔多个事件值,也可以是数组。必须是有效的事件。
selector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data可选。规定传递到函数的额外数据。
function可选。规定当事件发生时运行的函数。
(相关课程推荐:jQuery教程)
结构一:// 给所有的a标签添加点击事件
$("a").on("click", function () {
console.log(0)
})
结构二[selector],适用于未创建的元素:$("body").on("click", "a", function (e) {
});
结构二[data],函数传递:$("p").on("click", { "txt": "文本" }, function (e) {
$("a").text(e.data.txt);
})
结构三{object},绑定不同函数:$("p").on({
click: function () { $(this).css("color", "green"); },
mouseover: function () { $(this).css("color", "red"); },
mouseout: function () { $(this).css("color", "black"); },
});
本文来自jQuery答疑栏目,欢迎学习!