Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vidaloka860

[Resolvido] Mudando cor

Por , em Javascript

Recommended Posts

vidaloka860    1

vidaloka860
Postado

Não é parte de nada, é so um tutorial que to estudando... porem ja de começo ta dando erro...

Alguem pode me ajudar?

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aula 1 DW</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js">
</script>
<script type="text/javascript">

$(document).ready(function() {
   $("titulo").click(function(){

	$("titulo").css("color","#33C");

	});
});

</script>
<!--<script type="text/javascript">
//function mudar(){
//	document.getElementById("titulo").style.color="green";
//	document.getElementById("titulo").innerHTML="Testo //subistitudo";
//	}
</script> -->
</head>


<body>

<h1 id="titulo" >Primeira aula de Jquery</h1>
<a href="#">Aplicar Jquery</a>

</body>
</html>

 

se eu coloco onclick="mudar();" e tiro a function funciona

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

no lugar de:

 $("titulo")

coloque:

 $("#titulo")

Compartilhar este post

Link para o post
Compartilhar em outros sites

vidaloka860    1

vidaloka860
Postado

poderia me explica o que esse # significa?

 

seria a mesma coisa de quando eu busca apara formatar no css #tag?

 

e mesmo assim não funciono, tentei usar o console de erro mais nao mostro nada.

Compartilhar este post

Link para o post
Compartilhar em outros sites

a1click_mac    0

a1click_mac
Postado

# resolvi para você.

 

Código completo abaixo

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aula 1 DW</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js"></script>

<script type="text/javascript">
$(document).ready(function() {

$(".aplicar").click(function(){

	$("#titulo").css({color: "#C00"});

});

});

</script>

</head>


<body>

<h1 id="titulo">Primeira aula de Jquery</h1>

<a href="#" class="aplicar">Aplicar Jquery</a>

</body>
</html>

 

# Explicando o que fiz...

 

1º = Defini que quando clicar em (ativar), que ele troque a cor

 <a href="#" class="aplicar">Aplicar Jquery</a> //pelo nome da class="aplicar"

 

2º = O JS irá identificar o link com a class [aplicar] e ativará o script para rodar

$(".aplicar").click(function(){

 

3º = Fiz uma modificação para fazer exatamente o que você quer, em trocar a cor do nome do ID = titulo

 $("#titulo").css({color: "#C00"});

 

* Como foi explicado acima, quando se trata de um ID, usa-se no JS o # antes para denominar que é uma DIV

* E antes que você fique na dúvida... é simples...

 

ID = #nomeDaDiv

CLASS = .nomeDaClass

 

* Espero que tenha lhe ajudado agora man!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito