English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Одной из非常重要的 частей jQuery является возможность манипулировать элементами DOM.
jQuery предоставляет эффективные методы для работы с HTML-элементами, свойствами и CSS.
Эти методы проверяют и манипулируют свойствами классов, выделенных для элементов:
| Метод | Описание |
|---|---|
| addClass() | Добавить одно или несколько имен классов к выбранному элементу |
| hasClass() | Проверить, имеет ли любой выбранный элемент указанное имя класса |
| removeClass() | Удалить один или несколько классов из выбранного элемента |
| toggleClass() | Переключать между добавлением/удалением одного или нескольких классов в выбранном элементе |
Этот метод позволяет копировать элементы:
| Метод | Описание |
|---|---|
| clone() | Создать глубокую копию выбранного элемента |
Эти методы позволяют вставлять новый контент вокруг существующего контента:
| Метод | Описание |
|---|---|
| wrap() | Окружить каждый выбранный элемент HTML-элементом |
| wrapAll() | Окружить все выбранные элементы HTML-элементом |
| wrapInner() | Окружить содержимое каждого выбранного элемента HTML-элементом |
Эти методы позволяют вставлять новое содержимое в существующий элемент:
| Метод | Описание |
|---|---|
| append() | Вставить содержимое в конце выбранного элемента |
| appendTo() | Вставить HTML-элемент в конце выбранного элемента |
| html() | Установить или получить HTML-содержимое выбранного элемента |
| prepend() | Вставить содержимое в начале выбранного элемента |
| prependTo() | Вставить HTML-элемент в начале выбранного элемента |
| text() | Установить или получить текстовое содержимое выбранного элемента |
Эти методы позволяют вставлять новое содержимое вне существующего элемента:
| Метод | Описание |
|---|---|
| after() | Вставить содержимое после выбранного элемента |
| before() | Вставить содержимое перед выбранным элементом |
| insertAfter() | Вставить HTML-элемент после выбранного элемента |
| insertBefore() | Вставить HTML-элемент перед выбранным элементом |
Эти методы позволяют удалить элементы из DOM:
| Метод | Описание |
|---|---|
| detach() | Удалить выбранный элемент (сохранить данные и события) |
| empty() | Удалить все подэлементы выбранного элемента (включая текстовые узлы) |
| remove() | Удалить выбранный элемент (включая данные и события) |
| unwrap() | Удалить родительский элемент выбранного элемента |
Эти методы используются для удаления содержимого из DOM и замены его новым содержимым:
| Метод | Описание |
|---|---|
| replaceAll() | Заменить выбранный элемент новым HTML-элементом |
| replaceWith() | Заменить所选ный элемент новым содержимым |
Эти методы получают и устанавливают DOM-атрибуты элементов:
| Метод | Описание |
|---|---|
| attr() | Установить или вернуть атрибут/значение выбранного элемента |
| prop() | Установить или вернуть атрибут/значение выбранного элемента |
| removeAttr() | Удалить один или несколько атрибутов из выбранного элемента |
| removeProp() | Удалить атрибуты, установленные методом prop() |
| val() | Установить или вернуть значение свойства value выбранного элемента (для элементов форм) |
Эти методы получают и устанавливают CSS-свойства элементов:
| Метод | Описание |
|---|---|
| css() | Установить или вернуть один или несколько стилизованных свойств выбранного элемента |
| height() | Установить или вернуть высоту选定ного элемента |
| innerHeight() | Установить или вернуть высоту элемента (включая заполнение, но не включая рамку) |
| innerWidth() | Установить или вернуть ширину элемента (включая заполнение, но не включая рамку) |
| offset() | Установить или вернуть координаты смещения выбранного элемента (относительно документа) |
| offsetParent() | Вернуть первый позиционированный родитель |
| outerHeight() | Установить или вернуть высоту элемента (включая заполнение, рамку и необязательные поля) |
| outerWidth() | Установить или вернуть ширину элемента (включая заполнение, рамку и необязательные поля) |
| position() | Вернуть положение элемента относительно смещенного родителя |
| scrollLeft() | Установить или вернуть положение горизонтальной полосы прокрутки выбранного элемента |
| scrollTop() | Установить или вернуть положение вертикальной полосы прокрутки выбранного элемента |
| width() | Установить или вернуть ширину выбранного элемента |