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( ) | Возвращает копию выбранных элементов страницы. |
0 комментариев