0

Preciso trocar a cor do background, a cor dos textos e dos links de todas as DIVs de um site. Consegui fazer isso em JavaScript com o seguinte código:

<script type="text/javascript">
function altoContraste() {
        var divs = document.getElementsByTagName("div");
        var links = geral.getElementsByTagName("a");


    for (var i = 0; i < divs.length; i++) {
         divs[i].style.background= '#000';
         divs[i].style.color= '#FFF';

    }
    for (var i = 0; i < links.length; i++) {
         links[i].style.color = '#FF0';
    }


}
</script>

Porém preciso fazer isso utilizando jQuery, não entendo jQuery, mas pesquisei em alguns lugares como fazer e cheguei no seguinte código:

<script>
$(".altoContrase").click( 
$("div").each(function() {
$(this).css({
'background': '#000', 'color': '#FFF'
})
});
</script>

Por que ele não está funcionando? O que eu devo fazer pra conseguir fazer isso? Fora que nesse código jQuery não consigo mudar a cor dos links.

7
  • 2
    Se consegue fazer com javascript puro qual é a ideia de fazer em jQuery? perda de tempo. Ou tem alguma coisa que não está a funcionar?
    – Sergio
    26/09/2014 às 19:59
  • 1
    Esse codigo jQuery está correto? (i.e. é o mesmo código que tem na sua página? está faltando um parêntese aí, e a forma de chamar o click é passando uma função - igual você fez com o each)
    – mgibsonbr
    26/09/2014 às 20:00
  • A ideia de fazer em jquery é porque com o javascript tá dando problema em alterar algumas coisas em tabelas. 26/09/2014 às 20:03
  • 1
    jQuery é JavaScript. Se explicar o problema que tem em javascript vai ser uma pergunta mais interssante.
    – Sergio
    26/09/2014 às 20:04
  • Estou mexendo ainda, não consegui fazer nada com o jquery.Então eu devo fazer : $(".altoContrase").click( function() { e dps continuar do mesmo jeito que estava ? 26/09/2014 às 20:04

1 Resposta 1

2

assim:

<script>
$(document).ready(function(){
   $('.altoContraste').click(function(){
      $('div').css('background-color', '#000');
      $('div').css('color', '#FFF');
      $('a').css('color', '#FF0');
   });
});
</script>

Lembre-se que no seu html deve haver algum botão ou tag que possua a classe altoContraste

3
  • Funcionou, vlw! Pra eu por os links em amarelo como eu faço ? 26/09/2014 às 20:19
  • Resposta atualizada
    – Savrige
    26/09/2014 às 20:23
  • Muito obrigado! 26/09/2014 às 20:24

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .