Fórum Alterar cor de h1 com jQuery #447336

30/06/2013

0

Front-end

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ê

Responder

Posts

30/06/2013

Joel Rodrigues

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.
Responder

Gostei + 0

30/06/2013

Joel Rodrigues

No caso, ficaria assim:
$("#h01").attr("style","color:red");
Responder

Gostei + 0

30/06/2013

Carlos Andriê

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

Gostei + 0

30/06/2013

Joel Rodrigues

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");
Responder

Gostei + 0

30/06/2013

Carlos Andriê

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

Gostei + 0

30/06/2013

Marcelo Pastore

preciso aprender isso tb.
Responder

Gostei + 0

30/06/2013

Joel Rodrigues

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

Estou concluindo o tópico.
Responder

Gostei + 0

30/06/2013

Marcio Araujo

calma...
tem material aew basico não?
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar