Разница событий

[bubanay]

Никак не могу понять разницу между функциями:
1. window.onload
2. $(document).ready(function () { ... });
3. $(function(){...});

Я новичок, сильно камнями не кидайтесь). Объясните как можно подробнее в чем у них принципиальная разница.

Вроде вторая и третья исполняются после загрузки страницы через jquery. Первая вроде работает просто в js, но не уверен что срабатывает после загрузки страницы.

Допустим если в эти конструкции повесить события нажатия на кнопку, скрипт подгрузится в момент нажатия на кнопку или изначально при загрузки страницы?

[laimas]

onload - это событие после загрузки всего содержимого, включая и изображения, и прочее. А $(document).ready - возникает в момент готовности дерева DOM, то есть не ожидает загрузки изображений.
$(function(){...}); - это тоже самое, что $(document).ready(function () { ... });

[bubanay]

А вот такие конструкции как работают:
jQuery(function($) {...})
(function($){...})(jQuery);

jQuery(function($) {...}) точно отличается от $(function(){...});

[рони]

А вот такая конструкция как работает и можно ли ставить ее в head?
как обыкновенная функция -- вставить можно но если ненужны элементы страницы -- выполняется сразу

[bubanay]

Меня больше разница их интересует. Я думал это одно и то же. Вставлял в head скрипт для раскрывающего блока, в результате из

jQuery(function($) {...})
(function($){...})(jQuery);
$(function(){...});

сработала только конструкция
jQuery(function($) {...})
значит точно есть какие-то отличия.

[рони]

bubanay,
(function($){...})(jQuery);
DOM ещё нет -- нет элементов на странице не с чем работать -- но защищена от Joomla
$(function(){...});
DOM есть но нет защиты от Joomla
jQuery(function($) {...})
страница готова и пофигу что Joomla перезапишет $

[Erolast]

jQuery(function($) {...}) точно отличается от $(function(){...});
$ - алиас к jQuery. $(function(){}) и jQuery(function(){}) - одно и то же, за исключением того, что второе уменьшает вероятность коллизии имен (знак доллара не только jquery в качестве сокращения использует).

(function($){...})(jQuery);
Создаем анонимную функцию с одним аргументом $ и сразу же ее вызываем с передачей jQuery параметром.