Манипуляции

С помощью функций из этого раздела вы можете узнавать и изменять состояние и содержимое элементов DOM. Это может быть изменение атрибутов (в том числе классов и идентификаторов), разнообразная работа с содержимым элементов (создание, удаление и добавление элементов и текста). Кроме того вы сможете узнавать такие параметры как размер элементов и скроллинга.

Содержание

Список функций

Работа с атрибутами и свойствами

.attr() возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице
.removeAttr() удаляет атрибут у элементов на странице
.prop() возвращает/изменяет (в зависимости от числа параметров) значение заданного свойства у элементов на странице
.removeProp() удаляет заданное свойство у элементов на странице
.addClass() добавляет класс элементам на странице
.removeClass() удаляет класс(ы) у элементов на странице
.toggleClass() изменяет наличие класса у элементов на противоположное (добавляет/удаляет)
.hasClass(clName) проверяет наличие заданного класса хотя бы у одного из выбранных элементов
.val() возвращает/изменяет (в зависимости от числа параметров) значение атрибута value у элементов на странице

Работа с параметрами и стилями

.css() Возвращает/изменяет (в зависимости от числа входных параметров) CSS параметры элемента
.height()
.innerHeight()
.outerHeight()
Возвращает/изменяет высоту элемента
.width()
.innerWidth()
.outerWidth()
Возвращает/изменяет ширину элемента
.position()
.offset()
Возвращает/изменяет позицию элемента
.offsetParent() Возвращает ближайшего предка c позиционированием, отличным от static (позиционирование по умолчанию)
.scrollTop()
.scrollLeft()
Возвращает/изменяет величину скроллинга (прокрутку) элемента

Добавление содержимого

() Возвращает/изменяет (в зависимости от числа параметров) html-содержимое элементов на странице
.text() Возвращает/изменяет (в зависимости от числа параметров) текст, находящийся в элементах на странице
.append()
.appendTo()
Добавляет заданное содержимое в конец элементов на странице
.prepend()
.prependTo()
Добавляет заданное содержимое в начало элементов на странице
.after()
.insertAfter()
Добавляет заданное содержимое после элементов на странице
.before()
.insertBefore()
Добавляет заданное содержимое перед элементами на странице
.wrap()
.wrapAll()
Окружает элементы на странице заданными html-элементами
.wrapInner() Окружает содержимое элементов на странице заданными html-элементами

Удаление содержимого

.detach()
.remove()
Удаляет элементы на странице
.empty() Удаляет содержимое элементов на странице
.unwrap() Удаляет родительские элементы, при этом их содержимое остается на месте

Замена элементов

.replaceWith()
.replaceAll()
Заменяет одни элементы страницы на другие (новые или уже существующие).

Клонирование элементов

.clone( ) Возвращает копию выбранных элементов страницы.