javascript - 如何使用 jQuery 创建颜色变量？

Question

我不确定这是否可能。但这个概念类似于 SASS 变量，但使用的是 jQuery。所以假设我想为 jQuery 提供可重用的 CSS 属性。例如...

我想创建一个变量，我可以将它重用于黑色

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

这显然是行不通的，因为语法是错误的......但是你得到了我希望的图片......所以稍后我可以这样做......

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

有可能做这样的事情吗？

score 8 · Accepted Answer

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);

score 1 · Accepted Answer

您可以将对象传递给您的 css() 调用。做这个：

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

2 回答 2