jQuery on()方法使用

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


以上就是本文的全部内容,感谢大家支持JScript之家——编程学习者社区!