2315
5
JQuery - библиотека готовых решений на языке JavaScript, позволяющая легко добавить на страницу интерактивность. Она состоит из набора функций, упрощающих процесс написания кода. Разработка сайта с использованием jQuery упрощается тем, что для выборки элементов в этой библиотеке используется CSS. Программистам, знакомым с CSS, намного удобнее работать с готовыми функциями, а не писать сложный JS-код.
Преимущества jQuery
Многие решения уже созданы, потому верстальщикам нет смысла тратить время на написание кода с нуля. В процессе работы над проектом часто возникают ситуации, когда необходимо оперативно добавить на сайт какой-то функционал, уже разработанный кем-то другим. Редкий заказчик оценит по достоинству код для слайдера, написанный за 10 часов на чистом JavaScript, если намного быстрее подключить jQuery или добавить фреймворк – часть уже написанного кода, и получить удобный интерактивный элемент за пару минут. После этого достаточно применить готовый слайдер к выбранным элементам. Тем самым программист экономит время заказчика и свое собственное, не тратя его на «создание велосипеда».
Как подключить библиотеку jQuer?
При помощи библиотеки создаются галереи, слайд-шоу, можно добавлять на страницу разнообразные эффекты и работать с AJAX (асинхронными запросами к серверу). JQuery поддерживает кроссбраузерность, облегчает работу с событиями и легко подключается.
Рассмотрим, как подключить jQuery в HTML на примере создания слайдера. Для этого достаточно выполнить пять простых шагов:
- Открыть HTML-код страницы, где будет размещен интерактивный элемент.
- Создать функционал для реализации кода. Добавить ссылки на изображения, которые будут перемещаться в слайдере.
- Перейти на официальный сайт библиотеки jQuery и скачать ее на компьютер. Если подключать ее через ссылку, в какой-то момент она может перестать работать, потому использование скачанного скрипта надежнее.
- Перетащить полученный файл в папку с проектом.
- Теперь требуется подключить jQuery – сделать это можно способом, похожим на подключение стилей CSS. В тег head добавляем скрипт и прописываем его адрес. Он выглядит примерно так:
Партнеры проекта
А ЧТО ВЫ ДУМАЕТЕ ОБ ЭТОМ?