Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aplicar ou remover folha de estilo do documento com jQuery

01-01-2017 22:24

Nesse post vou dar uma dica para quem precisa aplicar ou remover uma folha de estilo css usando jQuery.

Para o exemplo vou usar duas folhas de estilo:

folha1.css

body{color:blue}

folha2.css

body{color:green}

Para aplicar a folha de estilo no head do documento fazemos o seguinte:

<script src="jquery.js"></script> <script> $(function() { $('head').append('<link rel="stylesheet" type="text/css" href="folha1.css" />'); }); </script> texto

O resultado do código acima será o texto exibido na cor azul.

Para remover uma folha de estilo que esteja no documento fazemos da seguinte forma:

<script src="jquery.js"></script> <script> $(function() { $('#folha1').remove(); }); </script> <link rel="stylesheet" type="text/css" href="folha1.css" id="folha1" /> texto

O resultado do código acima será o texto na cor preta. Já que a folha de estilo foi removida.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado