jQuery

Библиотека jQuery написана на языке JavaScript и упрощает написание кода на JavaScript.

  • простая работа с событиями
  • кроссбраузерность
  • удобная работа с AJAX
  • удобные методы для работы с эффектами (скрытие/появление элементов с добавлением визуальных эффектов)

Было создано огромное количество компонентов - галереи, слайдшоу, работа с формами и т.д.

Подключение

Первый вариант - скачиваем c официального сайта последнюю версию jQuery и подключаем его к своему проекту. Сейчас это версия 3.2.1. Можно использовать сжатую и несжатую версию по желанию. Рекомендуется использовать сжатую версию.


<script src="js/jquery-3.2.1.min.js"></script>

При отладке удобнее использовать локальную версию, чтобы не зависеть от интернета. А сайте лучше использовать либо загруженный файл, либо вариант с CDN (см. ниже).

Второй вариант – использование CDN. Например, мы можем подключить jQuery с сервисов Google:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

CDN есть у многих крупных компаний, в том числе и у разработчиков jQuery - https://code.jquery.com/.

Первый пример. Hello World!

Селекторы

События

Примеры

Игрушка Спиннер

Плавающая кнопка Вверх

Добавляем значок favicon к ссылкам

Меняем цвет фона страницы

Реклама