.bind()與.on()的區別:(1)是否支援selector這個引數值。由於javascript的事件冒泡特性,如果在父元素上註冊了一個事件處理函式,當子元素上發生這個事件的時候,父元素上的事件處理函式也會被觸發。如果使用on的時候,不設定selector,那麼on與bind就沒有區別了。(2)on繫結的事件處理函式,對於未來新增的元素一樣可以的,和delegate效果相同,而bind則不行。 (3) delegate用法與on()相同,只是引數的順序不同:擴充套件資料:用於事件處理程式}).bind(this);}2.on()則實現事件代理, 可以在匹配元素上繫結一個或者多個事件處理函式。(1) 用來繫結多事件,並且為同一函式,如:$("div").on("click mouseover",function(){//do sth});(2)多個事件繫結不同函式,如:$("div").on({"click":function(){//do sth},"mouseover":function(){//do sth}});(3)事件代理,如:html:jq:$("#bt1").on("click",function(){$("body").append("");});$("body").on("click",".bt2",function(){console.log("這是bt2");}
.bind()與.on()的區別:(1)是否支援selector這個引數值。由於javascript的事件冒泡特性,如果在父元素上註冊了一個事件處理函式,當子元素上發生這個事件的時候,父元素上的事件處理函式也會被觸發。如果使用on的時候,不設定selector,那麼on與bind就沒有區別了。(2)on繫結的事件處理函式,對於未來新增的元素一樣可以的,和delegate效果相同,而bind則不行。 (3) delegate用法與on()相同,只是引數的順序不同:擴充套件資料:用於事件處理程式}).bind(this);}2.on()則實現事件代理, 可以在匹配元素上繫結一個或者多個事件處理函式。(1) 用來繫結多事件,並且為同一函式,如:$("div").on("click mouseover",function(){//do sth});(2)多個事件繫結不同函式,如:$("div").on({"click":function(){//do sth},"mouseover":function(){//do sth}});(3)事件代理,如:html:jq:$("#bt1").on("click",function(){$("body").append("");});$("body").on("click",".bt2",function(){console.log("這是bt2");}