jQuery删除多种样式[重复]

Posted 2023-02-22

【中文标题】jQuery删除多种样式[重复]

【英文标题】：jQuery remove multiple styles [duplicate]

【发布时间】：2019-03-06 08:18:46

【问题描述】：

我想使用 jQuery 将我的所有 css 设置为 null。 我知道你可以这样做

$("[class^=col-]").css('width', '');
$("[class^=col-]").css('right', '');
$("[class^=col-]").css('margin', '');
$("[class^=col-]").css('position', '');

但是否可以在一个命令中完成，例如：

$("[class^=col-]").css('');

编辑：我查看了上面的帖子并看到了答案。

通过删除样式属性，它可以完美运行$("[class^=col-]").removeAttr("style")

【参考方案1】：

您需要使用这些属性的默认值来覆盖您设置的值

$(document).ready(function() 
  $("[class^=col-]").css(
    'width': 'auto',
    'position': 'inherit',
    'margin': '0',
    'right': '0'
  );
);

.col-md-12 
  width: 10px;
  position: fixed;
  margin: 10px;
  right: 10px;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-12">some test</div>

【讨论】：

它不会删除任何东西。阅读文档。

这不会删除我设置的每个 css 属性

@SalmanA 现在可以了