使用jquery在div中添加和删除style属性

Question

我继承了一个我正在研究的项目，我正在更新一些jquery动画（很少用jquery练习）。

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

<div id='voltaic_holder'>

在动画中的某一点，我需要为它添加一个样式：

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

我已经四处搜索并找到.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范围的样式属性，请执行以下操作：

$("#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启动解决方案）是设置具有您要使用的样式的类。然后，使用addClass()和removeClass()，甚至是toggleClass()就可以了。

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

甚至

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

Answer 5

答案就在这里 How to dynamically add a style for text-align using jQuery

Answer 6

对于jQuery中 .css 方法来说，！important 规则将不适用。

在这种情况下，我们应该使用 .attr 函数。

例如： 如果要添加如下样式：

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

您应该使用：

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

希望对您有所帮助。

Answer 7

使用J查询从div中删除样式属性：

[dcc32 Error] Unit1.pas(110): E2149 Class does not have a default property

使用J查询向div添加样式：

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

使用html添加样式：

$("#TableDiv").attr("style", "display: none;");

希望这会有所帮助：）