jQuery - Insert inline CSS or make a CSS Class and add

Question

I have a question for the jQuery experts. I am trying to set a margin-left on a sliding div in a slider im making.

Is it faster for DOM Traversal and CSS rendering to do:

Insert inline css via .css('margin-left','-690px');

OR

Create a new css Class and insert it .addClass('marginLeftClass');

Does one have a potential advantage over another?

Downpour046 · Accepted Answer · 2011-11-18 20:23:35Z

2

Adding the styles via .addClass is faster as the styles are already loaded.

By using .CSS() in jQuery you are injecting the values and making the element adapt to new CSS on the fly.

Its probably easier to think about it in larger terms, would you rather inject 10 seperate css properties on the fly via jQuery CSS properties, or just simply toggle a class? It's easier to add the class, and MUCH easier to manage.

answered Nov 18, 2011 at 20:23

Downpour046

1,6719 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

jQuery - Insert inline CSS or make a CSS Class and add

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related