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

以上就是jquery on()怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读