Remove Style Using jQuery Css Function
Here we consider how to remove an existing style using jQuery .css function.
Lets start with one example here.
Suppose we have a Div with Background color as Red.
The style applied for this Div is shown below.
.divClass {
height: 200px;
width: 300px;
background: red;
border :4px solid black;
}
On rumtime, it may look like this.
Now, we needs to remove the 'background color' of this Div.
This can be done in jQuery as follows.
$(function () {
$('.divClass').css('background', 'none');
});
Incase, if the above code doesn't work, create a class inside Style section.
Now give background as none!important and then append this class using jQuery.
.cls
{
background: none!important;
}
$(function () {
$('.divClass').addClass('cls');
});
The result will be like this.
