Jquery 从元素中检索背景图像URL

Jquery 从元素中检索背景图像URL,jquery,Jquery,我有一个js文件生成的代码。我想抓住背景图像的价值。我想获取url,以便在以后单击时更改它。如何通过jQuery实现这一点 <div class="slider_image" id="content_20" style="width: 450px; height: 137px; top: 0px; left: 0px; position: inherit; background-image: url(http://example.com/images/5656dd4934050.png)

我有一个js文件生成的代码。我想抓住背景图像的价值。我想获取url,以便在以后单击时更改它。如何通过jQuery实现这一点

<div class="slider_image" id="content_20" style="width: 450px; height: 137px; top: 0px; left: 0px;  position: inherit; background-image: url(http://example.com/images/5656dd4934050.png);"></div>
试试这个

$div.clickfunction{ var image=$this.css背景图像

如果你没有选择,试试这个


但我的偏好是在单击时更改css类。它的良好实践和性能也会提高

。还要注意的是,我建议您将所有这些样式规则放在样式表中,并在单击时切换类,而不是动态地修改css属性。如果我有这个类->类=滑块\图像内容图像
$(".slider_image").css('background-image')
// Triggering click event on some element.
$("#someid").click(function(){

var bg = $('#content_20').css('background-image'); // Fetch Background image

$('#content_20').css('background-image','url(img/1.jpg)'); // Setting new background image.

});