Что такое jQuery: где используется и какие преимущества дает разработчикам

Начинающие разработчики сайтов нередко сталкиваются с понятием jQuery, что это такое, знают единицы. А ознакомление с определением ясности вносит довольно мало.

Разберёмся со значением термина, сферами и случаями использования, а также сделаем краткий экскурс в историю.

Содержание:

Историческая справка

 jQuery – это фреймворк, библиотека, созданная для взаимодействия языка программирования JavaScript и языка гипертекстовой разметки HTML. Представлен общественности он был в 2006 году на одной из конференций, посвященных разработкам в области соцсетей и браузеров, которая проходила в Нью-Йорке. Автор проекта – молодой программист Джон Резиг, возглавляющий проект и ныне. 

Джон освоил HTML и начал программировать на Basic, и это пришлось парню по душе. Со временем Джон перешел на Visual Basic и занялся дизайном веб-сайтов.

Когда пришло время создать страницу с пользовательским скроллингом, программист очень разочаровался в возможностях используемых языков программирования, и принялся за JavaScript.

Уж его потенциал показался неисчерпаемым в решении появившихся за время использования VB проблем.

Набравшись опыта и создав десятки приложений, Резиг понял, что необходимо закодировать часто используемые фрагменты кода (сделать их в виде функций и подпрограмм) для эксплуатации в любом проекте на JavaScript.

Это и упростит разработку, и снимет все вопросы о браузерной и кроссплатформенной совместимости. Отсюда и началась разработка фреймворка.

к содержанию ↑

Понятия

 Фреймворк (русский аналог термина – каркас) представляет собой программную платформу, служащую средством определения структуры приложения. Используется в разработке ПО, где необходимо обращаться к значительным и малым фрагментам кода и компонентам, которые и были объединены платформой, в данном случае jQuery.

Библиотека позволяет обращаться абсолютно к любому элементу DOM для изменения его содержимого, структуры, параметров и даже оформления.

Ясность в понимании предыдущего предложения внесёт определения DOM – это универсальный кроссплатформенный (не зависит от используемой операционной системы и используемого языка программирования) пользовательский интерфейс, посредством коего программы и мини-программы (скрипты) способны открывать HTML и XML-файлы для их корректировки.

При этом правила, условия или ограничения фактически отсутствуют, что открывает перед юзером неограниченные возможности по обработке и изменению содержимого HTML.

Любой известный документ представляется в виде иерархического дерева, в коем каждая ветка и её дочерние элементы – это атрибуты, графические или текстовые объекты.

 JDOM – следующий шаг в эволюции объектной модели документа, созданная с учётом всех особенностей Java, в jQuery пока не используется, по крайней мере общественности это не представлено.
к содержанию ↑

Что такое jQuery?

Из вышесказанного намного проще понять, что jQuery – это написанная на JavaScript библиотека, основанная на взаимодействии вышеназванного мультипарадигменного языка программирования с HTML документами и файлами XML соответствующего содержимого.

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

Основные возможности каркаса:

  • обращение к любым элементам DOM для их изменения и обработки;
  • совместимость с AJAX;
  • огромная библиотека плагинов, особенно касающихся визуального оформления страниц;
  • поддержка работы с событиями.

Для тех пользователей, которые уже знакомы с JavaScript, этого вполне достаточной. Они прекрасно знают, насколько трудоёмкой является операция выбора элементов в документе для их изменения.

 Это не только долгий процесс, но ещё и весьма неудобный даже для довольно опытных разработчиков. Библиотека же позволит в разы сократить исходный код приложения, упростив его до предела. Новичкам следует на практике увидеть все преимущества фреймворка. 

То, что в JavaScript могло растянуться на страницу, в jQuery сокращено в разы.

Так код выглядит на Java:

<script>

var elem = document.getElementById(‘abzatc’);

var elem = $(‘#abzatc’);

</script>.

Аналогичный фрагмент кода на jQuery: <p id=»abzatc»></p>. Что это, если не упрощение работы? Да и понять, о чём идёт речь во втором случае сможет любой, кто знаком с основными тегами HTML.

Тут даже программистом быть не нужно. Ещё упростит освоение и использование библиотеки знание CSS.

Оба куска кода выберут параграф (<p></p>) с указанным идентификатором для его обработки.

Как выглядит код в jQuery

Как выглядит код в jQuery

к содержанию ↑

Основные преимущества

Разобравшись со сферами применения фреймворка и основными преимуществами, которые он даёт разработчику, пришло время рассмотреть и остальные доводы, которые заставляют программистов переходить на jQuery.

Кроссплатформенность и кроссбраузерность

Благодаря jQuery отпадает необходимость заботиться о синтаксисе и особенностях взаимодействия различных браузеров и операционных систем с кодом ввиду идентичной реализации работы фреймворка во всех средах.

 Кстати, крупнейшие поисковые системы уже перешли на jQuery. 

Скорость работы с селекторами и простота эксплуатации AJAX

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

Молниеносность достигается благодаря использованию селекторов – механизму быстрого обращения к любому объекту HTML-документа.

 АЯКС на jQuery реализован, в общем-то, в виде пары функций post() и get(), что сулит различные метода отправки данных. 

Еще больше функций

Хотите расширить возможности фреймворка? Пожалуйста. Скачивайте подходящие расширения для него. Среди всех плагинов очень много расширений для сортировки, выбора, перемещения и т. д. элементов.

Отдельно стоит группа дополнений, отвечающих за графический интерфейс и дизайн страницы (добавление новых окон, подсказки, автозаполнение, анимация, работа с изображениями).

к содержанию ↑

Использование

Подключение jQuery осуществляется как написанного на JavaScript из репозитория Яндекса или Google. Вся работа с библиотекой ведётся посредством функции $ и разделяется на два типа:

  • сначала получаем нужный объект посредством синтаксиса $() путём передачи функции CSS-селектора, который подпадает под критерий, затем обрабатываем его посредством нужного метода;
  • вызываем глобальные методы в указанного в функции $() объекта.

Эксплуатация фреймворка возможна только после полной загрузки страницы на компьютер пользователя.

 Фреймворк стал стандартом в разработке веб-страниц. Он содержит в себе необходимый для большинства разработчиков сайтов функционал, который позволит не только ускорить работу страниц и разукрасить их визуально, но и заставит одинаково работать на всех операционных системах и интернет-обозревателях. Для освоения jQuery достаточно начальных навыков в программировании и знаний HTML и основ CSS.  Недостающие инструменты легко реализуются посредством скачивания плагинов и написания собственных селекторов.

Ярослав. Люблю технологии и все, что с ними связано. А также рок-н-ролл) Мой телеграмм: Ярослав Драгун

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.
Geek-Nose