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

我继承了一个正在进行的项目，并且正在更新一些 jquery 动画(使用 jquery 的实践很少)。

我有一个需要添加和删除 style 属性的 div:

<div id='voltaic_holder'>

在动画中，我需要给它添加一个样式:

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

我到处搜索，找到了 .removeAttr()方法，但我看不到如何添加它，甚至它的远程部分(如顶部:-75px 只)。

谢谢,

420688 次浏览
小开

如果使用 jQuery，则使用 CSS添加 CSS

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

删除 CSS 属性

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

答案就在这里 如何使用 jQuery 为文本对齐动态添加样式

小开

处理这个问题的简单方法(也是启动的最佳 HTML 解决方案)是设置具有您想要使用的样式的类。接下来就是使用 AddClass ()和 RemoveClass ()，甚至 ToggleClass ()的简单问题了。

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

甚至

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

要完全删除 voltaic_holder span 的 style 属性，请执行以下操作:

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

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

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

要删除顶部样式，请这样做:

$("#voltaic_holder").css("top", "");
小开
最佳答案

您可以执行以下任何操作

单独设置每个样式属性:

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

一次设置多个样式属性:

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

删除特定的样式:

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

删除整个 style 属性:

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

使用 J query 从 div 中删除 style 属性:

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

使用 J query 为 div 添加样式:

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

使用 html 添加样式:

<div class="row" id="TableDiv" style="display: none;">
</div>

希望对你有所帮助:)

小开

在 。 css方法的情况下，jQuery for ! 重要的规则将不适用。

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

例如: 如果您想添加如下样式: < br > < br > <div id='voltaic_holder' style='position:absolute;top:-75px !important'>

你应使用:

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

希望对某人有帮助。


提交答案