No jQuery, é possívei adicionar um atributo em um elemento através da função attr
. É possível também remover um atributo através da função removeAttr
.
E quando eu defino um atributo do css
através da função $.css
? Como faço para remover?
A solução mais simples seria zerar o elemento:
$.css("background-color", ""); // exemplo com background-color
Exemplo:
$(function(){
var contador = 0;
$(".btn").click(function(){
if(contador == 0)
{
$(this).css("background-color", "blue");
contador = 1;
}
else
{
$(this).css("background-color", "");
contador = 0;
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn">Exemplo</button>
Fonte: StackOverflow
Remover um atributo CSS:
$(el).css("color", "");
Remover vários atributos CSS:
$(el).css({
"color": "",
"background-color": "",
"outline": "",
});