有哪里需要改进的？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<title>Document</title>
<style>
.pink {
width: 200px;
height: 200px;
background-color: pink;
}
.blue {
width: 100px;
height: 100px;
background-color: skyblue;
display: none;
}
</style>
</head>
<body>
<button type="button">点击这里</button>
<div class="pink"></div>
<script>
$(document).ready(function() {
$('.pink').append('<div class="blue">我是smallbox里的内容</div>');
$('button').on('click', function() {
$('.blue').toggle();
});
$('.pink').on('click', function() {
window.alert('已执行');
});
});
</script>
</body>
</html>
正在回答 回答被采纳积分+1
我看错题了，修改成这样，有哪里需要改进的？
$(document).ready(function() {
$('button').on('click', function() {
$('.pink').append('<div class="blue">我是smallbox里的内容</div>');
});
$('.pink').on('click', function() {
window.alert('已执行');
});
});
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星