Unetway

jQuery - Функции манипуляции с элементами

jQuery позволяет производить различные манипуляции с элементами страницы: добавлять, изменять элементы и их содержимое, менять значения атрибутов, классов, идентификаторов и т.п.

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

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

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

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

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

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

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

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