Can jQuery get all CSS styles associated with an element?

Question

Is there a way in jQuery to get all CSS from an existing element and apply it to another without listing them all?

I know it would work if they were a style attribute with attr(), but all of my styles are in an external style sheet.

Thank you Stackers

Answer 1

Why not use .style of the DOM element? It's an object which contains members such as width and backgroundColor.

Answer 2

You can use it like

var bg_color = $("#my-div").css("background-color");
alert (bg_color); //will give the background color

see more help here: http://docs.jquery.com/CSS/css#name

Answer 3

var styles = $("my-div").attr("style");

will give you the complete styling of the element.