Como ativar classe CSS com Javascript
Boa Tarde pessoal, gostaria de saber como eu ativo uma classe css com javascript . O que acontece é que eu tenho uma tela de login em php e após a validação do usuário eu quero ativar uma tela modal em css e para isso eu tenho que ativar a classe em CSS.
Valeu!
Valeu!
João Vitor
Curtidas 0
Respostas
William
03/11/2014
Pensando somente em adicionar uma classe para um determinado elemento no DOM eu uso o JQuery da seguinte maneira:
Esse é um exemplo simples, mas você pode adicionar mais lógica ou deixar mais simples ainda conforme sua necessidade.
// Captura o elemento apenas uma vez
var elemento = $('#meu_elemento');
// Verifica se o elemento já possui a classe que pretendo adicionar
if (elemento.hasClass('minha_classe')){
// Remove a classe caso já esteja no elemento
elemento.removeClass('minha_classe');
}else{
// Adiciona a classe no elemento
elemento.addClass('minha_classe');
}
Esse é um exemplo simples, mas você pode adicionar mais lógica ou deixar mais simples ainda conforme sua necessidade.
GOSTEI 0