Всё время забываю это, поэтому записываю тут.
(function($){
$(document).ready(function() {
$('a')...
});
}) (jQuery.noConflict());
Вызов jQuery.noConflict() возвращает объект jQuery, который мы привязываем к переменной $ (см. первую строку) и, затем, используем в своём коде. На второй строке определяем функцию, код которой будет вызван при полной загрузке страницы.
С запуском кода есть небольшая особенность -- он срабатывает до гарантированной загрузки изображений. Таким образом, если потребуется запускать код после загрузки всех изображений то надо делать так:
(function($){
$(window).bind('load', function () {
// image size related code
});
}) (jQuery.noConflict());
Ничто не мешает использовать оба подхода вместе:
(function($){
$(document).ready(function() {
$('a')...
});
$(window).bind('load', function () {
// image size related code
});
}) (jQuery.noConflict());