Creo que puede estar confundiendo Javascript con los métodos jQuery. Javascript simple o vainilla es algo así como:
function example() {
}
Una función de esa naturaleza se puede llamar en cualquier momento y en cualquier lugar.
jQuery (una biblioteca construida en Javascript) ha incorporado funciones que generalmente requerían que el DOM se representara completamente antes de ser llamado. La sintaxis para cuando esto se completa es:
$(document).ready(function() {
});
Entonces, una función jQuery, que tiene como prefijo $
la palabra o la palabra jQuery
generalmente se llama desde ese 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');
});
El pseudocódigo para ese bloque es:
Cuando el modelo de objetos del documento $(document)
esté listo .ready()
, llame a la siguiente función function() { }
. En esa función, verifique todos los <li>
's en la página $('li')
y utilice el método jQuery .CSS () para establecer la propiedad CSS "color" en el valor "rojo".css('color', 'red');