javascript - jQuery 删除多个样式

标签 javascript jquery html css

<分区>

我想使用 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")

最佳答案

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

$(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>

关于javascript - jQuery 删除多个样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52587435/

相关文章:

javascript - 跟随鼠标轻轻移动一个元素

javascript - 有没有办法将 jquery 映射文本从字符串转换为 json?

html - 'mat-card' 不是 Angular 7 中的已知元素

javascript - 在 CSS 中控制相对 URL

javascript - 使用 Javascript 解析的 HTML5 嵌套数据-* 属性不返回嵌套对象

javascript - 如何为 HTML 验证提供自定义验证错误消息?

jquery - Rails/SQL 语句减去空值

javascript - 当用户点击某个按钮时存储用户的电子邮件

javascript - React-Native:如何验证哪个页面/路由用于处理 if 条件

javascript - 制作一个像airbnb网站上的透明播放按钮图标