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 комментариев