我试图通过使用JavaScript来更改div的背景颜色,但是更改没有应用,因为当我按下按钮时,浏览器重新加载页面并恢复为默认设置,而没有更改。
如何在不重新加载页面或应用更改的情况下更改div的背景颜色?
这是一些使用jQuery的代码,无需重新加载即可更改背景:
<!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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句