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

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

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

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

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

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

&lt,script type=’text/javascript’ src=’/jquery.js’&gt,&lt,/script&gt,, где 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 &lt, tables.length, t++ ) { var rows = tables[t].getelementsbytagname(‘tr’), for ( var i = 1, i &lt, 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

Источник