如何使用jquery更改正文的背景图像

时间:2016-09-13 09:39:09

标签: jquery html background-image

单击按钮时,我正在尝试更改正文的背景 首先,我使用css设置背景,如body{background-image:url("../images/image.jpg")},并且有一个od更改的按钮,并使用此jquery代码$("#change").click(function(){$("body").css({"background-image":"url('../images/otherimage.jpg')});,当我单击按钮时,背景消失,没有任何反应。有什么不对或其他选择吗?

由于

5 个答案:

答案 0 :(得分:2)

使用:

$('elementTag/#Id/.Class').css('background-image', 'url("../images/otherimage.jpg")');

在css样式处阅读更多内容:http://www.w3schools.com/jquery/jquery_css.asp

有了这个,您可以动态地动态更改任何css:)

确保您的图像正确放置在您的文件夹中,因为该功能是在点击时检测到的。检查图像名称,格式和格式。

答案 1 :(得分:1)

如果没有jQuery,这可能会更好...

dft=spark.createDataFrame(["40722000113079650001"],StringType()).toDF("number")
dft.show(1,False)
+--------------------+
|number              |
+--------------------+
|40722000113079650001|
+--------------------+

dfnew=dft.withColumn("number",dft["number"].cast(DecimalType(19,0)))
dfnew.show(1,False)
+------+
|number|
+------+
|null  |
+------+

答案 2 :(得分:0)

尝试以下方法

$('body').css('background-image', 'url("../images/otherimage.jpg")');

答案 3 :(得分:0)

您应该检查图像是否存在。

以下是一个例子:

<body>
 <button class="btn">Chagne Background</button>
</body>
body{background-image:url("http://farm1.static.flickr.com/159/345009210_1f826cd5a1_m.jpg")}
$('.btn').on('click', function(){
  $('body').css('background-image', 'url(https://www.pickthebrain.com/blog/wp-content/uploads/2015/12/8-things-successful-people-perform-differently-from-others.jpg)')
})

http://codepen.io/anon/pen/rrxwQE

答案 4 :(得分:0)

使用body {background:url(“ ../ images / image.jpg”)}

不是正文{background-image:url(“ ../ images / image.jpg”)}