1. 程式人生 > >jQuery on()方法使用

jQuery on()方法使用

創建 函數 brush event tro 綁定 基本語法 log tex

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()方法使用