老师 您好 帮我看看效果吧
来源：4-10 自由编程
小虾虾小
2019-11-19 10:17:43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document4-10</title>
<style type="text/css">
</style>
</head>
<body>
<button class="btn">添加</button>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
liClick();
$('.btn').one('click',function(e){
$('ul').append('<li>555</li>');
liClick();
});
function liClick(){
$('ul').on('mouseover','li',function(e){
$(this).css('backgroundColor','red');
}).on('mouseout','li',function(e){
$(this).css('backgroundColor','#fff');
});
};
</script>
</body>
</html>
1回答
-
同学你好，实现的正确。继续加油，祝学习愉快！
0
相似问题