Что нового
  • Что бы вступить в ряды "Принятый кодер" Вам нужно:
    Написать 10 полезных сообщений или тем и Получить 10 симпатий.
    Для того кто не хочет терять время,может пожертвовать средства для поддержки сервеса, и вступить в ряды VIP на месяц, дополнительная информация в лс.

  • Пользаватели которые будут спамить, уходят в бан без предупреждения. Спам сообщения определяется администрацией и модератором.

  • Гость, Что бы Вы хотели увидеть на нашем Форуме? Изложить свои идеи и пожелания по улучшению форума Вы можете поделиться с нами здесь. ----> Перейдите сюда
  • Все пользователи не прошедшие проверку электронной почты будут заблокированы. Все вопросы с разблокировкой обращайтесь по адресу электронной почте : info@guardianelinks.com . Не пришло сообщение о проверке или о сбросе также сообщите нам.

Что Такое Jquery: Где Используется И Какие Преимущества Дает Разработчикам

Sascha

Заместитель Администратора
Команда форума
Администратор
Регистрация
9 Май 2015
Сообщения
1,071
Баллы
155
Возраст
51
Начинающие разработчики сайтов нередко сталкиваются с понятием jQuery, что это такое, знают единицы. А ознакомление с определением ясности вносит довольно мало. Разберёмся со значением термина, сферами и случаями использования, а также сделаем краткий экскурс в историю.


Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.



Содержание:

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

jQuery – это фреймворк, библиотека, созданная для взаимодействия языка программирования JavaScript и языка гипертекстовой

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

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

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

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

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

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

Понятия

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

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

Ясность в понимании предыдущего предложения внесёт определения DOM – это универсальный кроссплатформенный (не зависит от используемой

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

и используемого языка программирования) пользовательский интерфейс, посредством коего программы и мини-программы (скрипты) способны открывать

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

и

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

для их корректировки.

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

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

Читайте также


Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.


Что такое jQuery?


Из вышесказанного намного проще понять, что jQuery – это

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

, основанная на взаимодействии вышеназванного мультипарадигменного языка программирования с HTML документами и

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

соответствующего содержимого.

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


Скачать:


Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.



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


  • обращение к любым элементам 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.
Скорость работы с селекторами и простота эксплуатации AJAX


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

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

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

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

.


Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.



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


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

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

,

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

).


Читайте также:


Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.




Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.


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


Подключение jQuery осуществляется как написанного на JavaScript из репозитория

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

или

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

. Вся работа с библиотекой ведётся посредством функции $ и разделяется на два типа:


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


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

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


Запись

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

впервые появилась

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

.
 
Вверх