通过使用JavaScript更改Div样式,而无需重新加载页面

穆罕默德·迪亚布(Mohammad Diab)

我试图通过使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

刷新javascript而无需重新加载页面

更改会话变量而无需重新加载页面

更改Facebook之类的按钮语言而无需重新加载页面

如何刷新特定的div而无需重新加载整个页面?

使用js更改url参数,而无需在单击按钮时重新加载页面

更改浏览器URL,而无需使用Ajax请求重新加载页面

提交表单而无需重新加载页面,并链接到javascript

使用AJAX启动PHP而无需重新加载页面

使用Ajax插入查询而无需重新加载整个页面

如何使用javascript重新加载页面而无需再次发送POST信息

如何使用javascript重新加载页面而无需再次发送POST信息

更改时重新加载JS / CSS文件,而无需重新加载页面

同步时间而无需重新加载页面

提交表单而无需重新加载页面

验证表单而无需重新加载页面

重新加载Div调用php文件,而无需重新加载页面

将URL更改为页面上的单击元素,而无需重新加载页面

根据加载的URL隐藏/显示div,而无需重新加载页面

是否可以更改URL而无需在Meteor中重新加载页面?

检测本地存储更改并在页面上显示而无需重新加载

如何在单个页面中多次使用setTimeout函数而无需重新加载页面

如何使用Ajax加载过滤的数据,而无需在laravel中重新加载整个页面

点击后将内容附加到div,而无需重新加载页面

如何通过AJAX检测到网址更改而无需在jQuery中重新加载?

如果 localStorage 值存在而无需重新加载页面,则 Javascript 添加类

将页面内容从单独的页面获取到表单提交的div中,而无需重新加载当前页面

php Div autoreload 无需重新加载页面

执行查询而无需使用php中的触发器重新加载页面

如何使用jQuery在laravel中动态显示数据而无需重新加载页面