使用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");

});