老师,请检查
来源:4-10 自由编程
慕尼黑5122342
2020-02-26 11:33:17
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{
padding:0;
margin:0;
}
</style>
</head>
<body>
<button>添加</button>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<script type="text/javascript" src="zepto.min.js"></script>
<script type="text/javascript">
$('ul').on("mouseover mouseout","li",function (ev){
if(ev.type=='mouseover'){
$(this).css({"background":"red"});
}else if(ev.type=='mouseout'){
$(this).css({"background":"#fff"});
}
});
var $s=$("<li>555</li>");
$('button').click(function (){
$('ul').append($s.clone());
});
</script>
</body>
</html>
1回答
同学你好,代码是正确的。继续加油,祝学习愉快!