Базовый синтаксис jQuery: руководство по общим методам манипулирования DOM, обработки событий, анимации, AJAX и многого другого

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

  1. Селекторы:

    • $(селектор): выбирает элементы на основе заданного селектора.
  2. Управление DOM:

    • .html(content): устанавливает или извлекает HTML-содержимое элемента.
    • .text(content): устанавливает или извлекает текстовое содержимое элемента.
    • .val(value): устанавливает или извлекает значение элементов формы.
    • .attr(attributeName, value): устанавливает или извлекает значение атрибута.
    • .addClass(className): добавляет класс к выбранным элементам.
    • .removeClass(className): удаляет класс из выбранных элементов.
  3. Обработка событий:

    • .click(handler): присоединяет обработчик события клика к выбранным элементам.
    • .on(event, handler): присоединяет обработчик событий к выбранным элементам.
  4. Анимация:

    • .show(): отображает выбранные элементы.
    • .hide(): скрывает выбранные элементы.
    • .fadeIn(): плавное исчезновение выбранных элементов.
    • .fadeOut(): затемняет выбранные элементы.
  5. AJAX:

    • .ajax(options): выполняет асинхронный HTTP-запрос.
  6. Перемещение:

    • .find(selector): находит элементы-потомки на основе заданного селектора.
    • .parent(): выбирает родительский элемент.
    • .siblings(): выбирает одноуровневые элементы.
    • .next(): выбирает следующий родственный элемент.
    • .prev(): выбирает предыдущий родственный элемент.
  7. Эффекты:

    • .slideDown(): перемещает выбранные элементы вниз.
    • .slideUp(): перемещает выбранные элементы вверх.
    • .toggle(): переключает видимость выбранных элементов.
  8. Полезность:

    • $.each(collection, callback): выполняет итерацию по коллекции и применяет функцию к каждому элементу.
    • $.ajaxSetup(options): устанавливает значения по умолчанию для будущих запросов AJAX.