Jquery如何监听动态创建元素的点击事件？

使用Jquery的过程中我们可能会动态创建元素比如li/button等，但是创建的元素我们使用如下方法则无法监听：

var domains = [{"id":1,"name":"测试1"},{"id":2,"name":"测试2"},{"id":3,"name":"测试3"}];
$.each(domains,function(key,domain){
$("#link_child").append('<li id="'+domain.id+'">'+domain.name+'</li>');
});
$("#link_child li").click(function(){
var linkChild = $(this).attr("id");
$("#link_child li").removeClass("active");
$(this).addClass("active");
});

我们可以使用新的方法监听点击：

$(document).on('click','#link_child li',function(){
var id = $(this).attr("id");
$("#link_child li").removeClass("active");
$(this).addClass("active");
});