Get multiple CSS properties with jQuery

Question

I know you can SET multiple css properties like so:

$('#element').css({property: value, property: value});

But how do I GET multiple properties with CSS? Is there any solution at all?

Answer 1

jquery's css method (as of 1.9) says you can pass an array of property strings and it will return an object with key/value pairs.

eg:

$( elem ).css([ 'property1', 'property2', 'property3' ]);

http://api.jquery.com/css/

Answer 2

Easiest way? Drop the jQuery.

var e = document.getElementById('element');
var css = e.currentStyle || getComputedStyle(e);
// now access things like css.color, css.backgroundImage, etc.