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

В данном обзоре вы узанете 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

Поделиться в соц. сетях

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

Также рекомендуем:

  1. Microsoft будет активно развивать jQuery На конференции MIX10, корпорация Microsoft заявила о своем намерении принимать самое активное участие в разработке JavaScript-библиотеки jQuery. К примеру, компания планирует добавить в jQuery некоторые улучшения. . Эти улучшения связаны с локальным выполнением web-приложений в режиме offline и в режиме динамической загрузки скриптов. Еще в планы компании входит интегрировать в библиотеку движок для управления шаблонами, [...]...
  2. Опубликован свободный релиз библиотеки jQuery 1.4 В ознаменование праздника по поводу четырехлетия проекта вышел релиз популярнейшей JavaScript библиотеки jQuery 1.4. В новой версии имеется большое количество улучшений. В новой версии имеется большое количество улучшений. Добавлено много десятков обновленных и новых Setter-функций, а также атрибуты и методы, добавлена возможность осуществлять вложения сериализации параметров, Ajax-запросов, автоматически определять типы JSON и нативного режима парсинга [...]...
  3. Кросс-доменный Ajax в jQuery Ajax запросы на сторонние вебсайты, как правило, невозможны из-за ограничений безопасности. Но есть несколько методов обхода данных ограничений.Узнайте подробнее о них, вы можете из этого небольшого руководства.. JSONP С помощью «JSON with padding» вы можете получать JSON данные со стороннего сервера при помощи тега <script>. Подробнее об этом вы можете узнать из Википедии. Это позволяет [...]...
  4. Подсвечивание кода с помощью jQuery и Chili В этом руководстве мы научимся подсвечивать исходный код с помощью плагина Chili для jQuery. Мы узнаем, как видоизменять Chili для повышения читаемости и удобства использования подсветки в собственных функциях.. [Демо] [Исходный код] Введение В первом руководстве вы узнаете, как подсвечивать исходный код с помощью плагина jQuery Chili. И это не очередная быстрая справка по Chili: [...]...
  5. Подсвечивание кода с помощью jQuery и Chili В этом руководстве мы научимся подсвечивать исходный код с помощью плагина Chili для jQuery. Мы узнаем, как видоизменять Chili для повышения читаемости и удобства использования подсветки в собственных функциях.. [Демо] [Исходный код] Введение В первом руководстве вы узнаете, как подсвечивать исходный код с помощью плагина jQuery Chili. И это не очередная быстрая справка по Chili: [...]...
  6. Пулевые отверстия 1. Создадим новое изображение 512×512 px, 72 dpi. 2. Нажмем D, чтобы установить цвета палитры по умолчанию (черно-белый).Создадим новый слой.Filter > Render > CloudsFilter > Render > Difference Clouds 3. Filter > Blur > Gaussian Blur (радиус 4 px)Filter > Sketch > Chrome: Detail- 10, Smoothness- 0 4. Image > Adjustments > Levels 5. Edit [...]...
  7. Использование шаблонов при программировании WEB-приложений ЗАЧЕМ ВООБЩЕ ИСПОЛЬЗОВАТЬ ШАБЛОНЫ? Может, кто-то скажет, а зачем выносить HTML код в отдельный файл если его можно спокойно писать в скрипте? Да конечно в скрипте можно писать HTML код, но просмотреть полностью «собранную», или частично «собранную» страницу которую выводит скрипт, возможно только при его нормальной работе, а во время отладки скрипта, как правило, возникают [...]...
  8. Google выпустила программные интерфейсы для работы со списком контактов Компания Google выпустила новый набор программных интерфейсов Google Contacts Data API, предназначенный для работы со списками контактов. . При помощи Google Contacts Data API сторонние разработчики смогут реализовывать в своих приложениях функции взаимодействия с контактами в онлайновых службах Google. Так, например, программные интерфейсы могут быть использованы для импорта или экспорта контактов, удаления или добавления в [...]...
  9. Ruby on Rails: Making Programmers Happy David Heinemeier Hansson, the creator of the increasingly popular Ruby on Rails Web application framework, answered a few questions about his creation earlier this week for eWEEK Senior Editor Darryl K. Taft.. What’s the allure of Ruby on Rails? Why do folks love it so? The author of Ruby, Yukihiro Matsumoto, tells us that he [...]...
  10. MySQL – это просто! Сначала ответим на вопрос – что такое MySQL? Это База Данных (БД), в которой структурировано хранятся данные. Следует второй вопрос – зачем отказываться от простых и удобных файлов к сложной БД? Потому что файлы, генерируемые каким либо скриптом на основе файловой БД (гостевые книги, CMS, форумы), постепенно начинают увеличиваться в размере, а так же их [...]...
  11. Гостевая книга на ASP.NET Приложение ASP.NET, написанное от начала и до конца, представляет собой гостевую книгу. Скачать исходники – 22 кб Ввведение Этот проект дает возможность посетителям оставлять сообщения в гостевой книге на сайте. Проект состоит из двух частей: Создание сообщений. Просмотр гостевой книги. База данных Гостевая книга будет сохраняться в XML-файле guestbook.xml на сервере. Кодировка XML-файла изменена на [...]...
  12. Создание текстуры для заливки 1. В CorelDRAW создайте желаемый рисунок, который вы планируете использовать для монохромной текстуры. При рисовании используйте черный и белый.. 2. В верхнем меню выберите Tools > Create > Pattern. В результате появится окно Create Pattern. В нем отметьте Two Color и нажмите ОК. 3. Курсор примет вид двух перпендикулярных прямых, ограничивающих область выделения. Установите это [...]...
  13. GlassBox Описание Недавно обнаружили весьма интересную javascript библиотеку Glassbox.С ее помощью можно создавать прозрачные рамки, цветные полупрозрачные слои и различные визуальные эффекты, такие как плавное появление и исчезновение слоев.. Эта библиотека весьма компактна и включает в себя библиотеки Prototype и Script.aculo.us. К основным плюсам библиотеки можно отнести: * Легкость использования; * Кроссбраузерность (Работает в IE6+ , [...]...
  14. tmp профессиональный дизайн; регистрация домена .RU на 1 год; наполнение до 10 страниц сайта; блок новостей; прайс-лист; форма заказа с сайта; регистрация в поисковых системах; счетчик посещений; срок изготовления 3-5 дней. акция 3990=...
  15. Обзор платных хостингов Для начала разберёмся, что такое хостинг. Хостинг – это услуги размещение Вашего сайта в интернете. В 2002 году появилось очень много новых компаний предоставляющие хостинг. Так вот, в этой статье я опишу подробно новые и старые хостинги.. 100GIG (http://www.100gig.com/) Русский хостинг, на котором нужно платить только за трафик, 1000 MB. Трафика стоит 1$. На каждый [...]...

Комментарии запрещены.