Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Последние темы форума

Показать новые сообщения »

Почтовая рассылка

Подписчиков: 11656
Последний выпуск: 19.06.2015

7 полезных советов для улучшения jQuery кода

Источник: frontendme.ru
Дата: 28 сентября 2009 года

1.Используйте $(document).ready() или выполняйте ваши скрипты после закрытия body.

2.Сохраняйте данные в свойство data блока, с помощью DOM. Пример:

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

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

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

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

input[name='eMail'] 

Если вы много работаете с 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

Оставить комментарий

Комментарий:
можно использовать BB-коды
Максимальная длина комментария - 4000 символов.
 
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог