<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQ之事件委托</title>
<script type="text/javascript" src="./js/jquery.js"></script>
</head>
<body>
<input type="button" name="" value="添加li">
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
</ul>
</body>
<script type="text/javascript">
$('ul').on('click','li',function(){ //给li的父标签绑定委托事件
alert($(this).text());//点击时候弹出JQ获取li里文本内容的
//alert(this.innerHTML);//JS里获取里文本内容的方法
console.log(this);
});
// $('ul').off('click','li');
$('input').bind('click',function(){
$('li:first').before('<li>冬</li>');
});
</script>
</html>