В данном обзоре вы узанете 7 наиболее полезных советов по улучшению jQuery кода. Читаем и проверям свои наработки:)

1. Используйте $(document).ready() или выполняйте ваши скрипты после закрытия body.
2. Сохраняйте данные в свойство data блока, с помощью DOM. Пример:
   

   $('selector').data('albumName1', ‘The Best of Phil Collins’);

   Потом вы сможете получить доступ к данным следующим образом:

   $('selector').data('albumName1');

3. Используйте встроенные в jQuery операции для работы с селекторами и поиском элемента, в целом. Например, код, для того чтобы найти поля с именем ‘email’:

   input[name='eMail']

4. Если вы много работаете с DOM, используйте live().

   $("div.fork").live("click", function(){ $(this).after("<p>Another paragraph!</p>"); });

5. Используйте jQuery плагин для форм, чтобы ассинхронно отправлять файлы $(form).ajaxSubmit();
6. Не используйте один селектор снова и снова. Так делать нельзя:

   $(‘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’);

7. Используйте классы у элементов для установки флага или сортировки. Например, hovered, selected, active

Источник:  internet-technologies.ru