html on 方法,jquery on()怎么用？

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答疑栏目，欢迎学习！