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

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

甚至

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

Answer 5

对于jQuery 中的.css方法， !important规则将不适用。

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

例如：如果你想添加如下样式：

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

你应该使用：

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

希望它对某人有所帮助。