jQuery1.9动态创建元素hover变色

 <!DOCTYPE>
 
 <script type="text/javascript" src='http://code.jquery.com/jquery-1.9.1.js'></script>
 
 <style>
 .link-item{
		margin-left:10px;
		height:30px; 
		line-height:30px; 
		background:#aaa;
		width:300px; 
		display:block;
		margin:20px;
		color:white;
		padding:4px 10px;
		font-family:微软雅黑;
		-moz-border-radius: 4px;
	   -webkit-border-radius: 4px;
	   -khtml-border-radius: 4px;
	   border-radius: 4px;
	}
	 
	.class_on{
		background:#a11;
	}
 
		
	#btn1{
		margin-left:40px;
	}
	 
 </style>
 
<input type='button' id='btn1' οnclick='add()' value='create'/>
<div class='link-item'>origin-1</div>
 
<script>
	function add(){
		var str = " <div class='link-item'>  </div>";
		$('.link-item').last().after(str);
	}


	$('body').on('mouseenter', '.link-item', function() {
		$(this).addClass('class_on');
	});
	$('body').on('mouseleave', '.link-item', function() {
		$(this).removeClass('class_on');
	});
</script>