jquery2.0动态绑定事件

有时候，我们希望通过JS动态生成一些元素，然后将该元素添加到（appendTo)到文档流中。而且，我们还希望在上面绑定一些事件。
看到网友有说使用live的，但是jQuery2.0并不适用，建议大家在查找资料时，注意一下自己的jQuery版本，可以少做很多无用功。

比如我代码如下：

$.each(content,function(i,info){
                    var div = getDiv("list_item").appendTo($("#content_table"));
                    getCheckBox("selectbox").appendTo(div).after(" ");
                    getSpan("info_id",info.id).appendTo(div).hide();
                    .....

上面代码就是通过JS从服务器获取数据，然后将数据拼成元素，然后添加到content_table上，上面的getDiv、getCheckBox都在自己封装的，用于生成div对象和checkbox对象的。

然后现在我希望当点击list_item这个div时，响应一个动作。怎么办？因为list_item是动态生成的。

使用$(“.list_item”）是无效的，直到看到on，听说on可以绑定未来的元素，于是写出如下：$(“.list_item”).click(…);同样也是无效的。

查了查文档，发现有这样一句话：
事件处理只能绑定在当前被选中的元素上;而且，在您的代码调用.on()的时候，他们必须已经存在。

那我就明白了，于是改成如下形式

$(“.content_table”).on(“click”,”.list_item”,function(){
………
});

OK!