当我们想监听某个元素的后代是否有变化时，用jquery怎么实现呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>1
</li>
<li>2
</li>
<li>3
</li>
<li>4
</li>
<li>5
</li>
</ul>
<input type="button" id="add" value="add">
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script type="text/javascript">
$(function(){
$("#add").click(function(){
$('ul').append('<li>8888</li>')
})
$('ul').bind("DOMNodeInserted",function(e){
alert($(e.target).html());
})
})
</script>
</html>
这里绑定了DOMNodeInserted事件，当他后代元素有变化时，便会触发
另：动态生成的元素，之前绑定的事件都会不存在，需要重新绑定
