Примеры jQuery

Улучшайте свои навыки jQuery с помощью примеров!

Примеры грамматики jQuery

$("this").hide()
Демонстрация функции hide() jQuery, которая скрывает текущий HTML-элемент
$("p").hide()
Демонстрация функции hide() jQuery, которая скрывает все элементы <p>
$(".test").hide()
Демонстрация функции hide() jQuery, которая скрывает все элементы с классом="test"
$("#test").hide()
Демонстрация функции hide() jQuery, которая скрывает элемент с id="test"

Объяснение примера

Скрытие - Скроллинг - Тонирование

jQuery fadeOut()
Демонстрация простого функционала jQuery fadeout()
jQuery hide()
Демонстрация простого функционала jQuery hide()
Скрыть объяснения
Демонстрация того, как скрыть часть текста
Slide panel
Демонстрация простого эффекта Slide Panel
jQuery animate()
Демонстрация простого функционала jQuery animate()

Объяснение примера

Операции с HTML

Изменение содержимого HTML-элемента.

Добавление содержимого к HTML-элементу.

Добавление содержимого после HTML-элемента.

Объяснение примера

Операции с CSS

Изменение CSS-атрибутов HTML-элемента.

Изменение нескольких CSS-атрибутов.

Получение CSS-атрибутов элемента.

Объяснение примера

AJAX и jQuery

Используйте $(selector).load(url) для изменения содержимого HTML.

Используйте $.ajax(options) для изменения содержимого HTML.

Объяснение примера