jquery事件綁定的四種方式講解

jquery 事件綁定的四種方式

事件綁定 4種方式 1.click… 2.bind 1.7版本以後用on代替瞭 3.delegate 4.on

1. $("li").click(function () {//常用,但是優缺點 新創建出來的不會被綁定

alert("我是一個點擊");

});

3.父元素點delegate("子元素選擇器","事件名稱不帶on",驅動函數)

優點:效率高 新創建的元素也會綁定事件

$("ul").delegate("li","click", function () {

alert("被點擊到瞭li");

})

$("button").eq(1).click(function () {

$("ul").append("

我是新來的

");

});

4. on 給父元素綁定

$("ul").on("click","li",aaa, function () {

alert("我是最現代的綁定方式on");

});

事件解綁

傳入兩個參數 隻能解綁指定事件

$("ul").undelegate("li","click");

通過父元素 直接解綁 子元素的所有事件

$("ul").undelegate();

不傳參數就是解綁所有

$("ul li").off();

off可以解綁 通過click或者其他直接綁定的事件

解綁事件 需要具體選擇到哪一個帶事件的元素對象上面去

傳入參數 解綁參數對應的事件

$("ul li").off("click");

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *