•  
     

Começando - jQuery

Precisamos dar início à mágica da jQuery usando a sintaxe $(document).ready(); que você viu. Ela funciona assim:

$() diz, "ei, a mágica da jQuery está prestes a acontecer!"
Colocar o documento document entre parênteses nos diz que estamos prestes a realizar nossa mágica no próprio documento HTML.
.ready(); é uma função, ou ação básica, em jQuery. Ela diz "ei, vou começar a fazer as coisas assim que o documento HTML estiver pronto!"
Qualquer coisa dentro dos parênteses de .ready() é o evento jQuery que acontece assim que o documento HTML fica pronto.
Assim,

Código: Selecionar todos

$(document).ready(something);

diz: "quando o documento HTML estiver pronto, faça something!" (Vamos te mostrar como substituir o something por uma ação no próximo exercício.)

Perceba que .ready(); termina com um ponto-e-vírgula. Isso mostra para a jQuery que você terminou o comando.

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div></div>
</body>
</html>


JavaScript

Código: Selecionar todos

$(document).ready(function(){

});