Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Веб-програмування. jQuery у веб-додатках

jQuery в веб-програмуванні

З розвитком технологій функціональність веб-сторінок постійно зростає й наближається до функціональності настільних прикладних програм. Ця зростаюча функціональність реалізується за допомогою Javascript. І зовсім не обов'язково особисто прописувати всі необхідні ефекти, якщо для цього вже написано кілька десятків або навіть сотень бібліотек, що дозволяють реалізовувати ці ефекти. І серед безлічі цих бібліотек по праву найбільш зручною й доступною для розуміння є бібліотека jquery.

Що таке jquery у веб-додатках?

Давайте розберемося. jquery - бібліотека Javascript, що фокусується на взаємодії Javascript і HTML. Була опублікована на комп'ютерній конференції «Barcamp» у Нью-Йорку Джоном Ресигом в 2006 році. У чому головна перевага jquery? Вона закладена на рівні ядра - це вибір елементів об'єктної моделі документів. Крім того, завдяки наявності плагінів, базова функціональність jquery може бути розширена.

Як почати роботу з jquery?

Для початку роботи з jquery необхідно скачати саму бібліотеку з будь-якого доступного джерела. Далі її необхідно ініціалізувати. Зробити це просто - необхідно додати в заголовок html-документа наступний шматочок програмного коду:

Які можливості jquery?

Тепер, після ініціалізації, для використання доступні всі можливості базового функціонала jquery, серед яких:

  • функції ядра;
  • робота із селекторами;
  • робота з атрибутами;
  • обхід дерева DOM;
  • маніпуляції елементами;
  • робота з CSS-властивостями елементів;
  • робота з подіями;
  • візуальні ефекти;
  • взаємодія з ajax;
  • утиліти.

Для маніпулювання потрібними елементами сторінки в Javascript є кілька способів знайти їх на сторінці серед безлічі інших об'єктів. Ці способи вимагають запам'ятовування великої кількості інформації, у той час як для пошуку елемента за допомогою jquery необхідно лише пам'ятати ID елемента, з яким ви прагнете працювати. Код звернення в загальному випадку буде виглядати так:

$('шлях до елемента (елементам)')

Ключовою функцією в jquery є функція $() - вона тим чи іншим способом викликається всіма методами jquery.

Хто користується jquery?

Згідно із заявами вице-президентa по розробці Скотта Гутрі (Майкрософт), бібліотека jquery, стане основою ASP.Net Ajax Control Toolkit і буде поставлятися в складі Visual Studio. Розроблювач jquery Джон Резиг заявив, що Нокіа теж використовує jquery як частину своєї платформи для розробки Web Runtime, що базується на Webkit. Не відстають і російські компанії, наприклад, Яндекс уже давно активно використовує jquery у своїх додатках.

Які переваги jquery?

Завдяки тому, що обсяг програмного коду jquery менше, ніж обсяг стандартного коду Javascript, скорочуються часові витрати на розробку елементів веб-сторінки. Сам програмний код більш зрозумілий у порівнянні з Javascript. Наведемо приклад. Існує якась таблиця, непарні рядки якої пофарбовані відмінним від основного кольором. Припустимо, що існує також якась таблиця стилів CSS, у якій уже визначений клас (у прикладі, "odd") для такого стилю. Для реалізації цього ефекту необхідно наділити непарні рядки таблиці даним класом. У реалізації на чистому Javascript програмний код буде виглядати так:

Із застосуванням jquery реалізація матиме наступний вигляд:

$("tr:nth-child(odd)").addclass("odd");

Як показує даний приклад, реалізація ефекту за допомогою jquery виглядає більш раціонально в порівнянні з Javascript. Велика кількість плагінів дозволяє реалізувати практично будь-який ефект або дію.

Для створення простого Ajax-Запиту потрібно всього близько п'яти рядків коду, що значно спрощує використання цієї технології

jquery

Теорія без практики мертва. І код jquery залишався б просто кодом, якби його широко не використовували розробники веб-додатків. Адже й гарні меню, що випадають, і анімація графіки, і плавні переходи, підказки й багато чого іншого - усе це jquery. Безперечно, що й просте використання мови Javascript, без бібліотеки jquery, дозволяє одержати всі вищевказані ефекти, однак саме застосування jquery робить програмний код більш гнучким, зрозумілим, зручним для читання і значно скорочує часові витрати на розробку веб-додатків.

Скачати бібліотеку jquery

Теги:
jquery, веб-програмування, розробка сайтів, методи jquery, скачати jquery, бібліотека jquery, застосування jquery, javascript