如何用jQuery創建顏色變量？

Question

我不確定這是否可能。但是這個概念與SASS變量類似，但是使用jQuery代替。所以我們可以說我想爲jQuery提供可重用的CSS屬性。例如...

我想要，我可以重複使用的黑色變量

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