为啥不能这么写啊？
来源：1-19 自由编程
慕后端4135106
2019-03-04 19:06:48
function turnBlue(){
$("#bg").css("background-color", "blue");
$("#bg").css("color", "red");
$("#bg").text("蓝色背景");
};
function turnGreen(){
$("#bg").css("background-color", "green");
$("#bg").css("color", "red");
$("#bg").html("<i><b>绿色背景</b></i>");
};
alert("test");
$("#blue").click(
turnBlue();
)
$("#green").click(
turnGreen();
)写回答
1回答
-
经测试，同学这样写会报错：
要去掉后边的分号
并且以上的函数就直接被执行了。
同学可以修改成这样，在div上添加 onclick=turnBlue();和 onclick=turnGreen();：
<!DOCTYPE html > <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery练习</title> <style type="text/css"> .div1{ float: left; width: 50px; line-height: 30px; background-color: lightgray; margin-left: 10px; text-align: center; vertical-align: middle; } .div2{ width: 300px; height: 300px; border: solid gray 1px; margin-top: 60px; color: red; } </style> </head> <body> <h2>请选择背景颜色</h2> <div> <div id="blue" class="div1" onclick=turnBlue();>蓝色</div> <div id="green" class="div1" onclick=turnGreen();>绿色</div> </div> <div class="div2" id="bg"> </div> <div>输入颜色首字母： <input type="text" name="color"></div> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <script type="text/javascript"> function turnBlue(){ $("#bg").css("background-color", "blue"); $("#bg").css("color", "red"); $("#bg").text("蓝色背景"); }; function turnGreen(){ $("#bg").css("background-color", "green"); $("#bg").css("color", "red"); $("#bg").html("<i><b>绿色背景</b></i>"); }; </script> </body> </html>如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题
代码不懂啊
回答 1
为什么要用keyCode而非key？
回答 2