English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Введение в jQuery

jQuery - это быстрый, легковесный и функциональный JavaScript-библиотека, основанная на принципе «меньше кода - больше дела».

jQuery упрощает итерацию по HTML-документу, обработку событий, анимации и взаимодействие с AJAX, что позволяет быстро разрабатывать веб-сайты.

Цель jQuery - сделать использование JavaScript на веб-сайтах более простым.

Это руководство поможет вам изучить jQuery от основ до продвинутых тем.

Примеры jQuery в каждой главе

Каждая глава этого руководства содержит множество примеров упражнений, которые вы можете попробовать и протестировать с помощью нашего онлайн-редактора, чтобы расширить свои знания. Цель этих примеров - помочь вам лучше понять использование jQuery.

Базовый пример jQuery
$("document").ready(function() {
  $("p").click(function() {
    $(this).hide();
  });
});
Проверьте, посмотрите < ›

Преимущества jQuery

Если вы не знакомы с jQuery, возможно, вас интересует, что делает jQuery таким особенным.

jQuery упрощает многие сложные аспекты JavaScript, такие как вызовы AJAX и операции с DOM.

jQuery-библиотека включает в себя следующие функции:

  • Операции с HTML / DOM

  • Операции с CSS

  • Обработка событий

  • Эффекты и анимации

  • Поддержка AJAX

  • Утилиты (Utilities)

  • Плагины (Plugins)

  • Поддержка кросс-браузеров

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

Что может сделать jQuery?

Вы можете сделать многое с помощью jQuery:

  • jQuery легко выбирает элементы

  • jQuery может легко изменить стиль (CSS) и положение элементов

  • jQuery может легко манипулировать DOM-элементами и их свойствами

  • jQuery может легко создавать эффекты, такие как показ или скрытие элементов, переходы при скроллинге и т.д.

  • jQuery может легко создавать сложные CSS-анимации с помощью меньшего количества кода

  • jQuery может легко пройтись по всему DOM-дереву, чтобы найти любой элемент

  • jQuery может легко выполнять несколько операций с элементами с помощью одного строки кода

  • jQuery может легко получить или установить размер HTML-элемента

Список не заканчивается, вы можете использовать jQuery для выполнения множества других интересных вещей.

В следующих разделах вы получите подробное представление о всех этих вопросах.

Необходимы базовые знания

Прежде чем начать изучать jQuery, вы должны обладать следующими базовыми знаниями:

Если вы новичок, начните с основ и постепенно продвигайтесь вперед, изучая немного каждый день.

Мы рекомендуем вам читать этот учебник в порядке, указанном в меню слева.

Справочник jQuery

Часть справочника предоставит вам подробную информацию о выборщиках, эффектах, свойствах, событиях и т.д. jQuery.

Просмотрите справочник jQuery