在不重新加载页面的情况下使用JavaScript更改Div样式
我试图使用JavaScript更改div的背景色，但更改没有应用，因为当我按下on按钮时 浏览器会重新加载页面，并在不更改的情况下恢复为默认设置在不重新加载页面的情况下使用JavaScript更改Div样式,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我试图使用JavaScript更改div的背景色，但更改没有应用，因为当我按下on按钮时 浏览器会重新加载页面，并在不更改的情况下恢复为默认设置 如何在不重新加载页面或应用更改的情况下更改div的背景色？页面重新加载，因为您的按钮位于表单中，当您单击它时，您将提交表单 在onclick函数中，您需要防止默认操作，只需以以下内容结束： return false; 如果您询问原因：submit是默认按钮类型： 按钮类型： 提交：按钮将表单数据提交到服务器如果未指定属性，或者属性为 动态更改为空值
如何在不重新加载页面或应用更改的情况下更改div的背景色？页面重新加载，因为您的按钮位于表单中，当您单击它时，您将提交表单 在
onclickreturn false;
submit- 提交：按钮将表单数据提交到服务器如果未指定属性，或者属性为 动态更改为空值或无效值
- 重置：该按钮将所有控件重置为其初始值
- 按钮：按钮没有默认行为。它可以具有与元素的事件关联的客户端脚本，这些事件是 事件发生时触发
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Changing DIV Background Color</title>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<style>
#changing_background {
background-color: red;
min-height: 200px;
}
</style>
</head>
<body>
<div id="changing_background"></div>
<button id="change_background">Click Me</button>
<script>
$("#change_background").click(function(e){
$("#changing_background").css("background-color", "blue");
});
</script>
</body>
</html>
更改DIV背景色
#改变背景{
背景色：红色；
最小高度：200px；
}
点击我
$（“#更改#U背景”）。单击（功能（e）{
$（“改变背景”）.css（“背景色”、“蓝色”）；
});
input type='button'button type='button'input type='button'