Метод обработки готовности DOM (function($) )(jquery)

@den0820 · Регистрация: 16.11.2013

Author24 — интернет-сервис помощи студентам

1.Много раз встречал запись вида:

Javascript

(function($) {
 
   /*code*/
 
})(jQuery)

2.Также встречал запись вида:

Javascript

 jQuery(document).ready(function($) {
 
   /*code*/
});

,

и в чем разница между первым и вторым вариантом? Кто - нибудь объясните, пожалуйста!

Обычно для подготовки загрузки документа использую:

Javascript

$(document).ready(function(){
 
   /*code*/
 
});

@and_y87 · 16.10.2014, 17:07

jQuery == $

den0820, используй что используешь...
последний пример...

Сообщение от den0820

Javascript

1
2
3

$(document).ready(function(){
/*code*/
});

Когда тебе потребуется конструкция вышеупомянутая

Сообщение от den0820

Javascript

(function($) {
 
   /*code*/
 
})(jQuery)

ты поймёшь зачем оно нужно...

@den0820 · 16.10.2014, 19:08 **[ТС]**

ну и смысл твоего комментария? что самый хитрый что ли?

@Lazy_Den · 16.10.2014, 19:49

den0820, во-первых, я бы вам порекомендовал с терпением относится к любым комментариям. Во-вторых, кое в чем я понимаю and_y87, т.к. пересказывать про замыкания, области видимости, самовызывающиеся функции и т.д., как-то бессмысленно и займёт массу времени и уже проще вам дать ссылку по этим темам. Что касается первой конструкции, то её можно использовать для того, чтоб быть спокойным, что какой-то из сторонних плагинов или другая JS-библиотека, да и прочих кодов, которые могут оказаться по соседству, не переопределят функцию (объект и т.д.), с которой вы работаете (в данном случае - это $ или jQuery). Покажу простой пример, для лучшего понимания:

Javascript

var $ = function(){
    return false;
};
$('#mydiv').animate({
    width: 300
}, 1500, function(){
    $(this).css('background-color', '#900');
});

Как можете видеть, функция "$" jQuery переопределена и результат - ошибка. Теперь пробуем так:

Javascript

var $ = function(){
    return false;
};
(function($) {
    $('#mydiv').animate({
        width: 300
    }, 1500, function(){
        $(this).css('background-color', '#900');
    }); 
})(jQuery);

Всё замечтательно работает. Мы передали в самовызывающуюся функцию - функцию jQuery, где её приняла переменная "$". Кстати, не обязательно это должен быть знак доллара. Код ниже - отлично выполнится тоже:

Javascript

(function(Z) {
    Z('#mydiv').animate({
        width: 300
    }, 1500, function(){
        Z(this).css('background-color', '#900');
    }); 
})(jQuery);

@and_y87 · 16.10.2014, 20:49

den0820, я старался помочь сэкономить Ваше время если вам пофиг то простите...

@den0820 5 / 0 / 2 Регистрация: 16.11.2013 Сообщений: 96
	16.10.2014, 19:08 [ТС]	3
	ну и смысл твоего комментария? что самый хитрый что ли? 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 94
	16.10.2014, 20:49	5
	den0820, я старался помочь сэкономить Ваше время если вам пофиг то простите... 0

Метод обработки готовности DOM (function($) )(jquery)

Решение