How to access property in "style" attribute with jQuery?

background-image, css, jquery

Solution

Setting CSS rules

The easiest way to modify a CSS property on elements in a jQuery object, is the `css` function:

$("selector").css("background-image", "url(something)");

If you want to set several CSS properties in one go, there is an "overload" of the function that takes an object and uses each member of this object to override the related CSS property:

$("selector").css({
    "background-image" : "url(something)",
    "color" : "red"
});

Getting CSS rules

If you need to read the current value of some CSS property, use another "overload" of `css`:

var backgroundImg = $("selector").css("background-image");

Problem

Is there a possibility to access a i.e "`background-image:url()`" property inside an inline "`style`" attribute? In other words going layers "deeper" than `attr('style')` does. I want to manipulate the url inside `style="background-image:url(something);"`

Original source