使用jquery爲新創建的元素添加事件

新創建的元素添加事件需要使用事件代理的方式；

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

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

$(this).css("background","blue");

})

當點擊li標籤時，背景色爲藍色，如果創建一個新的li標籤放入ul中，新的li標籤沒有點擊事件。

這樣我們需要用到事件代理。

//ul是觸發事件的元素的父元素
//click是事件類型
//li是觸發事件的元素

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

$(this).css("background","blue");

});