这样可以吗
来源：4-10 自由编程
慕雪9296518
2020-06-26 17:15:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</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 src="zepto.js"></script>
<script>
$('#btn').click(function(){
var fragment = document.createDocumentFragment();
var num = $('ul li').length;
fragment = "<li>"+(num+1)+(num+1)+(num+1)+"</li>"
$('ul').append(fragment);
})
$('ul li').live('mouseover',function(){
$('ul li').removeClass('red');
$(this).addClass('red');
})
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-06-27
同学你好，代码是正确的，实现效果很棒。继续加油，祝学习愉快！
0
相似问题