Alterar cor de h1 com jQuery

Front-end

30/06/2013

Fala, galera.
Estudando aqui jQuery esbarrei nesse probleminha: estou querendo apenas mudar a cor de um <h1>, mas não tá rolando.
Meu código é o seguinte:
<!DOCTYPE html>
<html>
<head>
<script 

src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("#h01").attr("color","red");	
});
</script>
</head>
<body>
	<h1 id="h01">Teste</h1>
</body>

Não dá erro, mas também não faz nada.
Carlos Andriê

Carlos Andriê

Curtidas 0

Respostas

Joel Rodrigues

Joel Rodrigues

30/06/2013

Fala, Carlos. O problema aí é que você tem que adicionar, neste caso, a propriedade style e o valor color:red, atualizando o CSS do elemento.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

30/06/2013

No caso, ficaria assim:
$("#h01").attr("style","color:red");
GOSTEI 0
Carlos Andriê

Carlos Andriê

30/06/2013

Aha, agora foi. Valeu mesmo, hein.
Mas eu pensei que com a função attr a gente já estava alterando o CSS. Estranho.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

30/06/2013

Ah, não... attr vem de attribute, certo? Só que são os atributos HTML, como font, width, alt, etc.
Para altera direto o CSS existe a função css(propriedade, valor). Aí sim você usaria o seguinte formato:
$("#h01").css("color","red");
GOSTEI 0
Carlos Andriê

Carlos Andriê

30/06/2013

Opa, entendi. Obrigado pela ajuda.
Vou procurar na documentação sobre essa função, pois ainda não cheguei nela.
Abraços.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

30/06/2013

preciso aprender isso tb.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

30/06/2013

Show de bola. Qualquer coisa, é só falar.
Abraço.

Estou concluindo o tópico.
GOSTEI 0
Marcio Araujo

Marcio Araujo

30/06/2013

calma...
tem material aew basico não?
GOSTEI 0
POSTAR