Cómo usar jQuery's .css() con nombre de propiedad variable?

Question

En lugar de escribir:

$('div').css({'backgroundColor': 'red'}); 

Quiero escribir algo como:

$('div').css({get_property_name(): 'red'}); 

donde get_property_name() volverá "backgroundColor", "color", "border-top-color", o cualquier otra propiedad.

¿Qué opciones tengo para hacer que funcione?

Answer 1

The .css() method también puede ser llamado como .css(propertyName, value).

$('div').css(get_property_name(), 'red'); 

Si realmente necesita la representación diccionario:

var d = {}; 
d[get_property_name()] = 'red'; 
$('div').css(d); 

Answer 2

Basta con asignar un objeto esos valores y pasarlo a .css()

var styles; 
styles[get_property_name()] = 'red'; 
$(div).css(styles);