Testar JQuery online
Se vc quiser aprender e testar JQuery ou JavaScript diretamente no browser para entender e ver o resultado, siga estes passos:
1 - Acesse http://jsbin.com/
2 - Na janela do HTML digite o seguinte código:
<!DOCTYPE html>
<html>
<head>
<script
src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="monkey">
Ola mundo Jquery 2
</div>
</body>
</html>
3 - Clique no botão JavaScript para mostrar a janela e digite o seguinte código:
$('#monkey')
.fadeOut()
.fadeIn()
.append('<ul/>')
.append('<li>Click Me:</li>')
.click(function(){
$(this)
.hide()
.css('color', 'blue')
.fadeIn(2500);
});
Veja o resultado na janela Output. Esta é uma boa maneira de escrever e ver o resultado na hora.
Bons estudos e sucesso nos projetos.
Renatão