使用jquery从div中添加和删除样式属性

我已经inheritance了我正在进行的一个项目，我正在更新一些jqueryanimation（很less用jQuery实践）。

我有一个div我需要添加和删除样式属性。 这是div：

<div id='voltaic_holder'> 

在animation中的某一点，我需要添加一个样式：

 <div id='voltaic_holder' style='position:absolute;top:-75px'> 

我search了四周，发现.removeAttr()方法，但我看不出如何添加它，甚至它的远程部分（如顶部：-75px只）。

谢谢，

Answer 1

你可以做以下任何一项

分别设置每个样式属性：

 $("#voltaic_holder").css("position", "relative"); 

一次设置多个样式属性：

 $("#voltaic_holder").css({"position":"relative", "top":"-75px"}); 

删除特定的样式：

 $("#voltaic_holder").css({"top": ""}); // or $("#voltaic_holder").css("top", ""); 

删除整个样式属性：

 $("#voltaic_holder").removeAttr("style") 

Answer 2

要完全删除voltaic_holder范围的style属性，请执行以下操作：

 $("#voltaic_holder").removeAttr("style"); 

要添加属性，请执行以下操作：

 $("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute"); 

要仅删除顶部样式，请执行以下操作：

 $("#voltaic_holder").css("top", ""); 

Answer 3

如果你正在使用jQuery，使用CSS来添加CSS

 $("#voltaic_holder").css({'position': 'absolute', 'top': '-75px'}); 

删除CSS属性

 $("#voltaic_holder").css({'position': '', 'top': ''}); 

Answer 4

处理这个问题（以及最好的HTML解决scheme）的简单方法是设置具有要使用的样式的类。 那么使用addClass（）和removeClass（）甚至toggleClass（）就是一个简单的问题。

 $('#voltaic_holder').addClass('shiny').removeClass('dull'); 

甚至

 $('#voltaic_holder').toggleClass('shiny dull'); 

Answer 5

Anwer在这里如何dynamic添加一个使用jQuery进行文本alignment的样式