Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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.
so que mesmo assim, no codigo que postei inclui so o # no "titutlo" ficando "#titulo" e não funciono...
O que mais tenho que modificaR?
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>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!!!
Vlw cara problema resolvido, o seu fico melhor que o exemplo da xti que tinha visto
Valeu!!
no lugar de:
$("titulo")
coloque:
$("#titulo")