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