В данном обзоре вы узанете 7 наиболее полезных советов по улучшению jQuery кода. Читаем и проверям свои наработки:)
Используйте $(document).ready() или выполняйте ваши скрипты после закрытия body.
Сохраняйте данные в свойство data блока, с помощью DOM. Пример:
$('selector').data('albumName1', ‘The Best of Phil Collins’);
Потом вы сможете получить доступ к данным следующим образом:
$('selector').data('albumName1');
Используйте встроенные в jQuery операции для работы с селекторами и поиском элемента, в целом. Например, код, для того чтобы найти поля с именем ‘email’:
input[name='eMail']
Если вы много работаете с DOM, используйте live().
$("div.fork").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
Используйте jQuery плагин для форм, чтобы ассинхронно отправлять файлы $(form).ajaxSubmit();
Не используйте один селектор снова и снова. Так делать нельзя:
$(‘div.hi’).css(‘color’, ‘#ffffff’);
$(‘div.hi’).text(‘hello world’);
$('div.hi’).addClass(‘amazingclass’);
Правильный способ:
var $q = $(‘div.hi’);
$q.css(‘color’, ‘#ffffff’);
$q.text(‘hello world’);
$q.addClass(‘amazingclass’);
Используйте классы у элементов для установки флага или сортировки. Например, hovered, selected, active