Веб-программирование. jQuery в веб-приложениях

С развитием технологий функциональность веб-страниц постоянно возрастает и приближается к функциональности настольных прикладных программ. Эта возрастающая функциональность реализуется при помощи Javascript. И вовсе не обязательно лично прописывать все необходимые эффекты, если для этого уже написано несколько десятков или даже сотен библиотек, позволяющих реализовывать эти эффекты. И среди множества этих библиотек по праву наиболее удобной и доступной для понимания является библиотека jQuery.

Что такое jQuery в веб-приложениях?

Давайте разберемся. JQuery – библиотека JavaScript, фокусирующaяся на взаимодействии JavaScript и HTML. Была опубликована на компьютерной конференции «BarCamp» в Нью-Йорке Джоном Ресигом в 2006 году. В чем главное преимущество jQuery? Оно заложено на уровне ядра – это выбор элементов объектной модели документов. Кроме того, благодаря наличию плагинов, базовая функциональность jQuery можетбыть расширена.

Как начать работу с jQuery?

Для начала работы с jQuery необходимо скачать саму библиотеку из любого доступного источника. Далее ее необходимо инициализировать. Сделать это просто – необходимо добавить в заголовок html-документа следующий кусочек программного кода:

<script type="text/javascript" src="/jquery.js"></script>, где jquery.js - имя файла, который содержит библиотеку jquery.
А чтобы jquery-скрипт выполнялся с загрузкой документа ниже описан пример кода:
$(document).ready(function(){
  //Code here  
});, где code here - код выполняемой функции.

Каковы возможности 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 программный код будет выглядеть так:

var tables = document.getelementsbytagname("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getelementsbytagname("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    if ( !/(|s)odd(s|$)/.test( rows[i].classname ) )
      rows[i].classname += " odd";
}

С применением jQuery реализация приобретет следующий вид:

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

Как показывает данный пример, реализация эффекта при помощи jQuery выглядит более рационально по сравнению с Javascript. Большое количество плагинов позволяет реализовать практически любой эффект или действие. Для создания простого Ajax-запроса требуется всего около пяти строк кода, что значительно упрощает использование этой технологии.

jQuery

Теория без практики мертва. И код jQuery оставался бы просто кодом, если бы его широко не использовали разработчики веб-приложений. Ведь и красивые выпадающие меню, и анимация графики, и плавные переходы, всплывающие подсказки и многое-многое другое - все это jQuery. Бесспорно, что и просто использование языка Javascript, без библиотеки jQuery, позволяет получить все вышеуказанные эффекты, однако именно применение jQuery делает программный код более гибким, понятным, удобочитаемым и значительно сокращает временные затраты на разработку веб-приложений.
Скачать библиотеку jQuery