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


Moderador: web

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

Adicionar um coomando para saber em qual aba está usando jQuery

02-05-2015 15:55

Quando usamos abas, é necessário definir via jQuery qual aba foi clicada, para que fique destacada das outras.

Nesse post vou mostrar um exemplo bem simples de como fazer isso.

<script src="jquery.js"></script> <script> $(document).ready(function() { $('.ul li').click(function() { // QUANDO ALGUMA ABA FOR CLICADA.. $('.ul li').each(function() { // COLOCA TODAS AS ABAS AZUL $(this).css({'backgroundColor':'blue'}); }); $(this).css({'backgroundColor':'white'}); // DESTACA A ABA CLICADA COM A COR BRANCA }); $('.ul li').css({'backgroundColor':'blue'}); // NO CARREGAMENTO DA PÁGINA, COLOCA TODAS ABAS AZUL $('.ul li').first().css({'backgroundColor':'white'}); // DESTACA A PRIMEIRA ABA COM A COR BRANCA }); </script> <ul class="ul"> <li>um</li> <li>dois</li> <li>três</li> <li>quatro</li> </ul>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

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