Olá,
Segue um mini-tutorial de como manipular classes usando Javascript (core)
Este tutorial é compatível com IE10+, poderia fazer até para o IE8+, porém sou adepto da campanha para os usuários atualizarem seus navegadores, portanto, se precisar de suporte para o IE8+, é melhor fazer uma pesquisa na internet...
Usando jQuery, usariamos as seguintes propriedades:
Para quem vai fazer um projeto com Javascript core, e não tem acesso a frameworks (ou não quer usar), podemos usar o seguinte:
Muito simples né galera? Espero que seja útil
Segue um mini-tutorial de como manipular classes usando Javascript (core)
Este tutorial é compatível com IE10+, poderia fazer até para o IE8+, porém sou adepto da campanha para os usuários atualizarem seus navegadores, portanto, se precisar de suporte para o IE8+, é melhor fazer uma pesquisa na internet...
Usando jQuery, usariamos as seguintes propriedades:
- Código:
$('.element').addClass('classname');
$('.element').removeClass('classname');
$('.element').toggleClass('classname');
$('.element').hasClass('classname');
Para quem vai fazer um projeto com Javascript core, e não tem acesso a frameworks (ou não quer usar), podemos usar o seguinte:
- Código:
var element = document.querySelector('.element');
// Adicionar classes
element.classList.add('classname');
// adicionar multiplas classes
element.classList.add('classname', 'another-class');
// Remover classes
element.classList.remove('classname');
// Dar um "toggle" nas classes
element.classList.toggle('classname');
// Checar se um elemento tem uma determinada classe
if( element.classList.contains('classname') ) {
// true
}
Muito simples né galera? Espero que seja útil
Última edição por waghcwb em Seg 09 Mar 2015, 7:07 pm, editado 1 vez(es)