菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
35
0

jquery on()怎么用?

原创
05/13 14:22
阅读数 897

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"); },
});

发表评论

0/200
35 点赞
0 评论
收藏
为你推荐 换一批