请老师检查。
来源：4-10 自由编程
陈莺莺呀
2019-12-24 14:19:29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
.red{
background-color:red;
}
</style>
</head>
<body>
<button id='btn'>添加</button>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<script type="text/javascript" src="../../lib/zepto.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul").on('mouseenter', 'li', function(e){
$(this).addClass('red');
})
$("ul").on('mouseleave', 'li', function(e){
$(this).removeClass('red');
})
$("#btn").on('click',function(){
var $li = $("<li>555</li>");
$("ul").append($li);
})
});
</script>
</body>
</html>
写回答
1回答
-
同学你好，代码实现正确。继续加油，祝学习愉快~
0
