Adding and removing style attribute from div with jquery

Question

I ve inherited a project I m working on and I m updating some jquery animations  very little practice with jquery    I have a div I need to add and remove the style attribute from  Here is the div    lt div id  voltaic holder  gt    At one point in the animation I need to add a style to it    lt div id  voltaic holder  style  position absolute top -75px  gt    I ve searched around and found the  removeAttr   method but I can t see how to add it  or even remote parts of it  like the top -75px only    Thanks

User · Answer

If you are using jQuery  use css to add CSS      voltaic holder   css   position    absolute        top    -75px       To remove CSS attributes      voltaic holder   css   position            top

User · Answer

To completely remove the style attribute of the voltaic holder span  do this       voltaic holder   removeAttr  style      To add an attribute  do this       voltaic holder   attr  attribute you want to add    value you want to assign to attribute      To remove only the top style  do this       voltaic holder   css  top

User · Answer

The easy way to handle this  and best HTML solution to boot  is to set up classes that have the styles you want to use   Then it s a simple matter of using addClass   and removeClass    or even toggleClass         voltaic holder   addClass  shiny   removeClass  dull      or even      voltaic holder   toggleClass  shiny dull

User · Answer

In case of  css method in jQuery for  important rule will not apply   In this case we should use  attr function   For Example  If you want to add style as below   lt div id  voltaic holder  style  position absolute top -75px  important  gt   You should use      voltaic holder   attr  style    position absolute top -75px  important     Hope it helps some one

User · Answer

Remove style attribute from div using J query       TableDiv   removeAttr  style      Add style to div using J query       TableDiv   attr  style    display  none       Add style using html    lt div class  row  id  TableDiv  style  display  none   gt   lt  div gt    Hope it will helpful

User · Answer

Anwer is here How to dynamically add a style for text-align using jQuery

User · Answer

You could do any of the following  Set each style property individually       voltaic holder   css  position    relative      Set multiple style properties at once       voltaic holder   css   position   relative    top   -75px       Remove a specific style       voltaic holder   css   top            or     voltaic holder   css  top          Remove the entire style attribute       voltaic holder   removeAttr  style

[jquery] Adding and removing style attribute from div with jquery

Examples related to jquery

Examples related to css

Examples related to dhtml