Existem várias maneiras de remover uma propriedade CSS usando o jQuery:
1. Configurando a propriedade CSS para seu valor padrão (inicial)
.css("background-color", "transparent")
Veja o valor inicial da propriedade CSS em MDN . Aqui o valor padrão é transparent
. Você também pode usar inherit
para várias propriedades CSS para herdar o atributo de seu pai. No CSS3 / CSS4, você também pode usar initial
, revert
ou unset
essas palavras-chave podem ter suporte limitado ao navegador.
2. Removendo a propriedade CSS
Uma string vazia remove a propriedade CSS, ou seja,
.css("background-color","")
Mas tenha cuidado, conforme especificado na documentação do jQuery .css () , isso remove a propriedade, mas há problemas de compatibilidade com o IE8 para determinadas propriedades abreviadas de CSS, incluindo plano de fundo .
Definir o valor de uma propriedade de estilo como uma sequência vazia - por exemplo, $ ('# mydiv'). Css ('color', '') - remove essa propriedade de um elemento se já tiver sido aplicada diretamente, seja no estilo HTML atributo, pelo método .css () do jQuery ou pela manipulação direta do DOM da propriedade style. No entanto, ele não remove um estilo que foi aplicado com uma regra CSS em uma folha de estilo ou elemento. Aviso: uma exceção notável é que, para o IE 8 e abaixo, a remoção de uma propriedade abreviada, como borda ou plano de fundo, removerá completamente esse estilo do elemento, independentemente do que estiver definido em uma folha de estilo ou elemento .
3. Removendo todo o estilo do elemento
.removeAttr("style")