jQuery on()方法

標籤：style   color   使用   strong   io   cti   

jQuery on()方法是官方推薦的綁定事件的一個方法，可以為未來的元素也綁定事件

 

$(selector).on(event,childSelector,data,function,map)

由此擴充開來的幾個以前常見的方法有.

bind()　　$("p").bind("click",function(){　　　　alert("The paragraph was clicked.");　　});　　$("p").on("click",function(){　　　　alert("The paragraph was clicked.");　　});delegate()　　$("#div1").on("click","p",function(){　　　　$(this).css("background-color","pink");　　});
　　$("#div2").delegate("p","click",function(){　　　　$(this).css("background-color","pink");　　});live()　　$("#div1").on("click",function(){　　　　$(this).css("background-color","pink");　　});
　　$("#div2").live("click",function(){　　　　$(this).css("background-color","pink");　　});如果你需要移除on()所綁定的方法，可以使用off()方法處理。

$(document).ready(function(){　　$("p").on("click",function(){　　　　$(this).css("background-color","pink");　　});　　$("button").click(function(){　　　　$("p").off("click");　　});});