jQuery on()方法使用
阿新 • • 發佈:2019-04-23
創建 函數 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()方法使用