Как создать цветовые переменные с помощью jQuery?

Question

Я не уверен, что это возможно. Но концепция похожа на переменные SASS, но вместо этого использует jQuery. Поэтому давайте скажем, что я хотел бы использовать повторно используемые атрибуты CSS для jQuery. Например ...

Я хочу сделать переменную, можно повторно использовать для цвета черного

var black = .css('color','#000'); 
var white = .css('color','#FFF'); 

Это, очевидно, не работает, потому что синтаксис не так ... но вы получите Я надеюсь, что тогда ... Так что потом я мог бы это сделать ...

$('#myelement').css(black); 

Возможно ли это сделать?

Answer 1

css() может отображать карту пар ключ-значение, которые представляют атрибуты CSS. Таким образом, вы можете хранить и использовать пары ключ-значение с требуемыми атрибутами CSS.

var black = {'color': '#000'}; 
var white = {'color': '#FFF'}; 

$('#myelement').css(black); 

Они могут содержать любое количество атрибутов. Например:

var headingStyle = {'background-color': '#C00', 'color': '#FFF'}; 
$('h1#heading').css(headingStyle); 

Можно даже создавать новые стили, основанные на определенном стиле и добавить атрибуты к ним:

var mainHeadingStyle = $.extend({'font-size': '50px'}, headingStyle); 
$('h1#main').css(mainHeadingStyle); 

Answer 2

Вы можете передать объект вы Css() вызов. Сделайте это:

var white = {'color' : '#fff'}; 
var black = {'color' : '#000'}; 
$('#myElement').css(white); 
$('#otherElement').css(black);