请问是哪里出错了？为什么没有效果
来源：2-4 编程练习
慕设计656509
2019-11-18 16:25:50
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
<style type="text/css">
div {
width: 200px;
height: 200px;
border: 1px solid red;
text-align: center;
line-height: 200px;
}
</style>
</head>
<body>
<div>背景颜色为白色</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$(document).ready(function(){
$('div').mousedown(function(){
$('this').css({'background':'red'}).text('背景颜色为红色');
})
.mouseup(function(){
$('this').css({'background':'yellow'}).text('背景颜色为黄色');
})
});
</script>
</body>
</html>
1回答
-
好帮手慕星星
2019-11-18
同学你好，当你点击元素的时候，可以从控制台中看到样式没有添加上：
就可以从代码中设置样式的地方去找。经过排查，$(this)当前元素是不需要加引号的，参考修改：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题