20170423

jQuery

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

С помощью jQuery легко манипулировать элементами DOM на веб-странице, добавлять-изменять-удалять элементы и их атрибуты. Одна из сильных сторон jQuery — удобный API для работы с AJAX (Asynchronous Javascript and XML).

Пример подключения jQuery на странице HTML.

Как проверить, подключена библиотека jquery или нет.

Для этого поставьте в области <body> следующий код.

Тогда в консоле браузера (вызывается по F12) вы либо увидите информацию о версии библиотеки jQuery, либо сообщение об ошибке.

Обратите внимание, что объекты jQuery можно использовать двумя способами:

  1. $(document).ready(function()
  2. jQuery(document).ready(function()

Второй способ позволяет избежать конфликтов с конкурирующими библиотеками.

Перед тем как изучать jQuery, Вам следует изучить следующие технологии:

  • HTML — HyperText Markup Language, по-русски: язык гипертекстовой разметки.
  • CSS — Cascading Style Sheets, Каскадные Таблицы Стилей.
  • JS — JavaScript, специальный язык программирования. Программы JS выполняются в браузере или ином интерпретаторе.

Типовые примеры использования jQuery.

Пример 1. jQuery hide and show. Клик на объекте прячет этот объект и показывает другой.

Пример 2. jQuery — Демонстрация слайдов. Слайдер компании bxslider.com


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

Мы можем либо самостоятельно изобрести очередной лисопет с целью тренировки или просто взять одно из уже имеющихся решений.

Предлагаю рассмотреть функционал Слайдер компании bxslider.com

1. Изучаем сайт компании, документацию, инструкции, скачиваем дистрибутив.

2. Подключаем jQuery и софт компании. В предлагаемом решении jQuery подключается с сервера Гугла — так тоже можно.

3. На странице устанавливаем код HTML —

4. Вызов кода слайдера —

Обратите внимание, что функция bxSlider() вызывается из функции ready. Функция ready — это есть особая оберточная функция, которая выполняется после загрузки страницы и построения DOM (Document Object Model).
###