Возможный дубликат:
В чем разница между этими функциями jQuery ready? jquery: выбор метода document.ready
В чем разница между выполнением этого
$(function() {
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
и этот
$(document).ready(function(){
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
Они одинаковы. Проверьте jQuery .ready() docs. Вот цитата из документов:
Все три следующих синтаксиса эквивалентны:
$(документ).ready(обработчик)
$(). ready (обработчик) (это не рекомендуется)
$(обработчик)
В ваших примерах нет разницы в функциональности - они оба привязаны к DOM ready.
Для справки есть две точки, в которых вы можете привязать код jQuery.
Первый будет выполняться, когда DOM готов (оба эквивалентны):
$(document).ready(function() {
// code
});
$(function() {
// code
});
Вторая будет выполняться, когда страница закончит загрузку всех изображений, таблиц стилей и т.д.
$(window).on("load", function() {
// code
});
Второй полезен, когда вам нужно получить width() или height() изображения. Эти свойства доступны только после полной загрузки изображения в клиентскую систему.
Также обратите внимание, что $(window).load(fn); теперь устарел и больше не должен использоваться.
Все три следующих синтаксиса эквивалентны:
$(document).ready(handler)
$().ready(handler) (this is not recommended)
$(handler)