Первоначально jQuery был создан в январе 2006 года в BarCamp в Нью-Йорке Джоном Резигом.

jQuery — это библиотека JavaScript, предназначенная для упрощения обхода и манипулирования деревом HTML, DOM, а также обработки событий, CSS-анимации и Ajax. Добавьте элемент скрипта в документ HTML. Ваш браузер может запускать любой JavaScript внутри элемента скрипта, включая jQuery.

Без функции готовности документа ваш код может запуститься до того, как ваш HTML будет отрендерен, что может быть привлекательным для ошибок.

ОСНОВНЫЕ ОПЕРАЦИИ

В JQuery мы выполняем Выбор, за которым следует Операция. Знак $ называется знаком доллара или побрякушкой. Теперь давайте выберем элементы кнопок и проделаем некоторые операции.

Мы собираемся заставить кнопку подпрыгнуть. Это можно сделать, добавив к элементу класс под названием «анимированный отскок».

РАЗНЫЕ ОПЕРАЦИИ ВЫБОРА

Мы можем выбрать элемент по идентификатору, классу или индивидуально и применить анимацию.

Итак, очевидно, что мы можем применять класс к различным элементам.

УДАЛЕНИЕ ЭЛЕМЕНТОВ КЛАССА

Удаление элементов определенного класса можно легко выполнить с помощью JQuery, как показано ниже.

МАНИПУЛЯЦИЯ CSS

Вот что нам нужно сделать, чтобы манипулировать CSS.

ОТКЛЮЧЕНИЕ ЭЛЕМЕНТА

Любой элемент можно отключить, установив для его свойства значение («disabled», true).

ВНУТРЕННИЙ HTML

Изменение внутреннего HTML можно сделать так:

Если мы хотим изменить только текст в тегах, есть метод .text(). Для изменения внутреннего HTML используется .html().

УДАЛЕНИЕ ЭЛЕМЕНТОВ

Мы можем полностью удалить элемент со страницы с помощью метода .remove().

ПЕРЕМЕЩЕНИЕ ОДНОГО ЭЛЕМЕНТА В ДРУГОЙ

Один элемент можно переместить из одного тега в другой с помощью .appendTo().

Этот метод деструктивен. т. е. он полностью перемещает элемент за пределы своего раздела или тега. Чтобы избежать этого, мы должны клонировать элемент перед его добавлением. Мы можем использовать .clone() перед .appendTo().

ВЫБОР РОДИТЕЛЕЙ/ДЕТЕЙ

Что, если мы хотим применить какие-либо эффекты к родительскому элементу? Вот так.

Что, если мы хотим применить какие-либо эффекты к дочерним элементам элемента? Вот так.

Что, если мы хотим применить какие-либо эффекты к n-м дочерним элементам элемента? Вот так.

Что, если мы хотим применить какие-либо эффекты только к дочерним элементам элемента? Вот так.

К элементу тела также можно применять эффекты.

Файлы: https://github.com/arihara-sudhan/Learn-jQuery

МЕРСИ :-)