Diferentes formas de $ (document) .ready

Question

he visto gente que escribe

$(document).ready(function(){ 

}); 

y algo escrito

$(function() { 

     }); 

Cuál es la diferencia y cuándo utilizar qué?

Answer 1

$ es el objeto jQuery en sí mismo, que cuando se llama implementa una pila completa de diferentes interfaces. $('string') ejecuta un selector o construye un nodo; $(domElement) envuelve un elemento ... y $(a_function) es una mano corta conveniente para $(document).ready(a_function). Vea the jQuery API docs para (mucha) más información.

Una nota de pasada: $(function() { ... }) es más corto , pero si alguna vez desea buscar todos los eventos on-listos, ustedes podrían estar deseando que tenías .ready para buscar :)

Answer 2

No hay diferencia.

Uno es un atajo conveniente que llama al otro internamente.

Desde el jQuery docs:

Una forma abreviada de $(document).ready(). Le permite vincular una función para que sea ejecutada cuando el documento DOM tiene finalizada la carga. Esta función se comporta como $(document).ready(), en que se debe utilizar para envolver otros $() operaciones en su página que dependen de la DOM estar listo para ser operado en . Si bien esta función es, técnicamente, encadenable, realmente no es de mucha utilidad para encadenarlo contra .

Puede tener tantos eventos $(document).ready en su página como desee. Consulte ready (Función) para obtener detalles sobre el evento listo.