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 jQuerygeralmente é 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');