Манипуляции
С помощью функций из этого раздела вы можете узнавать и изменять состояние и содержимое элементов 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( ) | Возвращает копию выбранных элементов страницы. |