Support array input into .css to return an object of css properties

[dantman]

Discussion: ​http://groups.google.com/group/jquery-dev/browse_thread/thread/49124146636e5bb1

.css currently supports: .css("name"); => "value" get .css("name", "value"); => jQuery(this) set .css({"name": "value"); => jQuery(this) set

This is an enhancement to support another form of css getting: .css(name?); => {"name":"value"} get

Under this suggestion, when .css() is given a single array as input it will iterate over that array return an object with the array items as keys, and corresponding css values as the values.

In essence: jQuery('<div style="background-color: red; color: white;" />').css(["background-color", "color"]); => { "background-color": "red", "color": "white" }

This enhancement is useful for grabbing multiple css values at once, as well since the output is an object suitable for passing back to .css it is also useful for creating a css object you can use to revert css changes or copy css values from one node to another.

[dantman]

Patch to add support for the enhancment

[ajpiano]

This could be accomplished by using jQuery.fn.map, and if you need it as part of jQuery.fn.css, you could easily duckpunch it in.

[snover]

#7169 is a duplicate of this ticket.