使用带有jQuery的按钮更改背景图片

用户名

我想在单击按钮时更改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)"); 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery更改背景图片

来自分类Dev

使用jQuery更改背景图片

来自分类Dev

使用jQuery更改背景图片

来自分类Dev

带有背景图片和文本的android按钮

来自分类Dev

按钮背景图片更改

来自分类Dev

使用切换按钮更改背景图片(jQuery)

来自分类Dev

使用jQuery更改正文背景图片

来自分类Dev

使用jQuery更改主体背景图片

来自分类Dev

使用jQuery选择器更改背景图片

来自分类Dev

使用jQuery的背景图片过渡

来自分类Dev

使用jQuery交换背景图片

来自分类Dev

带有背景图片的图片未显示

来自分类Dev

浮动按钮不会更改点击的背景图片

来自分类Dev

Firefox中背景图片更改按钮的默认样式

来自分类Dev

在android中滚动时更改按钮的背景图片

来自分类Dev

使用jQuery减慢背景图片上的图片过渡

来自分类Dev

带有Tailwind中背景图片的深色变体

来自分类Dev

固定的背景图片,带有文字(也可以响应)

来自分类Dev

GD Lib-带有背景图片的文字

来自分类Dev

CSS:带有背景图片和%的标记

来自分类Dev

带有背景图片的医生页面

来自分类Dev

带有叠加CSS的背景图片

来自分类Dev

jQuery单击更改div的背景图片

来自分类Dev

jQuery UI日历//按月份更改背景图片

来自分类Dev

使CSS背景图片不断更改jQuery以模仿闪烁

来自分类Dev

jQuery和PHP-更改背景图片

来自分类Dev

在HTML / CSS中使用按钮设置背景图片

来自分类Dev

jQuery,使用计时器更改背景图片

来自分类Dev

如何使用JavaScript / jQuery更改第二个背景图片网址