Как получить доступ к свойству в атрибуте “стиля” с jQuery?
Есть ли возможность получить доступ к a т.е."background-image:url()"свойство во встроенном"style"атрибут? Другими словами, идущие слои "глубже", чем attr('style') делает.
Я хочу управлять URL внутри style="background-image:url(something);"
3 ответа
Установка CSS правил
Самый простой способ изменить CSS свойство элементов в jQuery объекте, это css функция:
$("selector").css("background-image", "url(something)");
Если вы хотите установить несколько CSS свойств одним махом, существует "перегрузка" функции, которая принимает объект и использует каждый член этого объекта для переопределения соответствующего CSS свойства:
$("selector").css({
"background-image" : "url(something)",
"color" : "red"
});
Получение CSS правил
Если вам нужно прочитать текущее значение некоторого CSS свойства, используйте другую "перегрузку" css:
var backgroundImg = $("selector").css("background-image");
Вы можете использовать регулярные выражения для поиска фактического содержимого url() 'функции', но не проще ли просто использовать следующее?
$('selector').css('background-image', 'url(something.png)');
Я хочу манипулировать url внутри style="background-image:url(something);"
Вы бы использовали этот стиль для элемента, верно?
$("selector").css('background-image', 'url(me.jpg)');