how to get all css properties using jquery

Question

I have divs. They can be drag, resizable and i have a div editor.That means i can change any div width,height,margin,padding and it background-color,font-size,font-weight etc.I done this using jquery and i did it perfectly.Now what i want to know How i get all css properties with the each div.

When i done using jquery each div element,style properties changing...

element.style{
width:250px;
height:35px;
top:233.23px;
left:33.12px;
background-color:#000;
font-size:16px;
font-weight:600;


}

like that.So i want to get all above values to the jquery object to create json file.How can i achieve this ?

Created a fiddle: jsfiddle.net/tymeJV/TFaZ3 -- From this answer: stackoverflow.com/questions/754607/… — tymeJV
– tymeJV, Commented May 15, 2013 at 17:53

Community · Accepted Answer · 2017-05-23 12:16:10Z

2

Based on this answer: Can jQuery get all CSS styles associated with an element?

Here's a demo: http://jsfiddle.net/tymeJV/TFaZ3/

The result console.log(css($(".test"))); == Object {600: "", width: "250px", height: "35px", top: "233.23px", left: "33.12px", background-color: "rgb(0, 0, 0)"…}

Seems to accomplish what is needed.

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered May 15, 2013 at 17:55

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bipen Over a year ago

cool.. but then you forgot to add the function css(){... here.. without that i doubt this will work.. i assume, you 'll get an error saying css is not defined ... :)

Mosire · Accepted Answer · 2013-05-17 01:47:13Z

0

You use must first set a class with CSS and then use 'addClass' instead of 'css' with jQuery. See the example I have below:

.class {margin:0; padding:0; text-align:center; }

And then you jQuery would look something like this:

(function() { $('selector').addClass('class'); })(jQuery);

answered May 17, 2013 at 1:47

Mosire

1293 silver badges12 bronze badges

Collectives™ on Stack Overflow

how to get all css properties using jquery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related