jquery - 使用带有 jQ​​uery 的按钮更改背景图像

标签 jquery html css button background

我想在单击按钮时更改 div“content1”上的背景图像。

$(document).ready(function(){
  $("button").click(function(){
    $("content1").css("background-image", "url(../images/light.png)");
  });
});

.content1 {
  background-image: url('../images/dark.png');
}

我的 CSS 是外部的。

谢谢。

最佳答案

您的内容是一个类。所以你需要正确选择使用jquery。

 $(".content1").css("background-image", "url(../images/light.png)"); 

关于jquery - 使用带有 jQ​​uery 的按钮更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39390220/

相关文章:

jquery - 使用 jQuery 循环遍历 MVC3 WebGrid 中的行

javascript - 代码在 jsfiddle 之外不起作用

html - 高度为 100% 且带有粘性页脚的嵌套 div

ios - CSS3 列和 UIWebView

css - 如果在容器内,Bootstrap3 表响应不起作用

javascript - Bootstrap Accordion 在表格内切换并在单击时更改所选行的背景颜色

javascript - 引用图像 HTML 元素附近最近的表元素

javascript - 如何将 JSON 数据转换为 HTML

javascript - eventListener 和封闭元素

html - <sup> 在带下划线的元素中