jQuery remove multiple styles

Question

I want to set all my css to null with the use of jQuery. I know you can do it like

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

but is it possible to do it in one command, like:

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

Edit: i have looked in the post above and saw the answer.

By removing the style atrribute it works perfectly $("[class^=col-]").removeAttr("style")

Ankit Agarwal · Answer 1 · 2018-10-01T08:55:42.860

1

You need to use the default values for those properties to override the values you have set

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

edited Oct 01 '18 at 08:55

answered Oct 01 '18 at 08:45

Ankit Agarwal

30,378
5
37
62

1

It will not remove anything. Read the docs. – Salman A Oct 01 '18 at 08:49
1

this does not remove every css attr that i have set – Tim567 Oct 01 '18 at 08:52
@SalmanA it does now – Ankit Agarwal Oct 01 '18 at 08:55

jQuery remove multiple styles

1 Answers1