首页 > Web开发 > 详细

jQuery on()方法使用

时间:2019-04-23 19:21:39      阅读:138      评论:0      收藏:0      [点我收藏+]

jQuery on()方法
基本语法:
语法结构一:

$(selector).on(event,function)

语法结构二:

$(selector).on(events,[selector],[data],function)

语法结构三:

$(selector).on(object,[selector],[data])

  

结构一:

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

off()方法,解除绑定

$("body").on("click","a",function(){
    $("a").off("click");
})

one()方法,绑定一次

$("a").one("click",function(){

});

trigger()方法,关联事件

$("p").click(function () {
    $("a").trigger("click");
});
$("a").on("click", function () {
    console.log(0)
});

  

  

  

jQuery on()方法使用

原文:https://www.cnblogs.com/sntetwt/p/10758176.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!