Eu acho que você pode estar confundindo Javascript com métodos jQuery. Baunilha ou Javascript simples é algo como:
function example() {
}
Uma função dessa natureza pode ser chamada a qualquer momento, em qualquer lugar.
O jQuery (uma biblioteca criada em Javascript) possui funções internas que geralmente exigem que o DOM seja totalmente renderizado antes de ser chamado. A sintaxe para quando isso for concluído é:
$(document).ready(function() {
});
Portanto, uma função jQuery, que é prefixada com $
a palavra ou jQuery
geralmente é chamada de dentro desse método.
$(document).ready(function() {
// Assign all list items on the page to be the color red.
// This does not work until AFTER the entire DOM is "ready", hence the $(document).ready()
$('li').css('color', 'red');
});
O pseudocódigo para esse bloco é:
Quando o modelo de objeto do documento $(document)
estiver pronto .ready()
, chame a seguinte função function() { }
. Nessa função, verifique todos os itens <li>
na página $('li')
e use o método jQuery .CSS () para definir a propriedade CSS "color" com o valor "red".css('color', 'red');