Манипуляция DOM

Справочник jQuery > Манипуляция DOM

Все методы из этого раздела позволяют манипулировать DOM-элементами. Некоторые из них просто меняют значения атрибутов (также эти методы объединены в категорию), некоторые позволяют управлять CSS свойства элемента (в категории CSS). Другие элементы модифицируют целые элементы (или группы элементов) копировние, удаление и многое другое. Все методы которые изменяют значения свойств называют "сеттерами"
Некоторые методы, такие как .attr(), .html() и .val()—также являются "геттерами", возвращая информацию от DOM-элементов для дальнейшего использования.

Атрибуты | Манипуляция DOM > Class атрибут | CSS

.addClass()

Добавляет класс(ы) выбранным элементам страницы. Если из этих элементов некоторые уже принадлежат каким-то классам, то новый (новые) класс добавится к существующим, а не заменит их.

Манипуляция DOM > DOM Вставка вне

.after()

Функция вставляет заданное содержимое сразу после определенных элементов страницы.

Манипуляция DOM > DOM Вставка внутрь

.append()

Вставляет содержимое, заданное параметром, в конец каждого элемента в наборе соответствующих элементов

Манипуляция DOM > DOM Вставка внутрь

.appendTo()

Функция добавляет содержимое в конец элементов.

Атрибуты | Манипуляция DOM > Общие аттрибуты

.attr()

Возвращает или изменяет значение атрибутов у выбранных элементов страницы. Функция имеет четыре варианта использования.

Манипуляция DOM > DOM Вставка вне

.before()

Функция помещает заданное содержимое перед определенными элементами страницы.

Манипуляция DOM > Копирование

.clone()

Метод создает копии выбранных элементов страницы и возвращает их в виде объекта jQuery. Элементы копируются вместе со всеми содержащимися внутри них элементами.

Манипуляция DOM > Свойства стилей | CSS

.css()

Возвращает или изменяет значения css-величин у выбранных элементов страницы.

Манипуляция DOM > DOM Удаление

.detach()

Метод для удаления элементов страницы.

Манипуляция DOM > DOM Удаление

.empty()

Удаляет все содержимое у выбранных элементов (без удаления самих элементов).

Атрибуты | Манипуляция DOM > Class атрибут | CSS

.hasClass()

Проверяет наличие класса у элементов страницы.

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей

.height()

Функция возвращает высоту элемента. Кроме этого, с помощью height(), можно установить новое значение высоты.

Атрибуты | Манипуляция DOM > DOM Вставка внутрь

.html()

Возвращает или изменяет html-содержимое выбранных элементов страницы.

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей

.innerHeight()

Функция возвращает высоту элемента. Кроме этого, с помощью height(), можно установить новое значение высоты.

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей

.innerWidth()

Функция возвращает ширину элемента. Кроме этого, с помощью width(), можно установить новое значение ширины.

Манипуляция DOM > DOM Вставка вне

.insertAfter()

Функция вставляет заданное содержимое сразу после определенных элементов страницы.

Манипуляция DOM > DOM Вставка вне

.insertBefore()

Функция помещает заданное содержимое перед определенными элементами страницы.

CSS | Смещение | Манипуляция DOM > Свойства стилей

.offset()

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

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей

.outerHeight()

Метод outerHeight() возвращает высоту элемента (включая заполнение и границу).

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей

.outerWidth()

Ширина элемента с учетом внутренних отступов, border-width и (опционально) внешних отступов (margin).

CSS | Смещение | Манипуляция DOM > Свойства стилей

.position()

Получает значение позиции элемента top и left относительно отступов его родителя.

Манипуляция DOM > DOM Вставка внутрь

.prepend()

Функция добавляет содержимое в начало определенных элементов.

Манипуляция DOM > DOM Вставка внутрь

.prependTo()

Функция добавляет все выбранные элементы внутрь другого набора элементов перед существующим контентом.

Атрибуты | Манипуляция DOM > Общие аттрибуты

.prop()

Возвращает или изменяет значение свойств выбранных элементов страницы.

Манипуляция DOM > DOM Удаление

.remove()

Метод для удаления элементов страницы.

Атрибуты | Манипуляция DOM > Общие аттрибуты

.removeAttr()

Метод для удаления атрибутов (таких как id, class, title и.т.д) у элементов страницы.

Атрибуты | Манипуляция DOM > Class атрибут | CSS

.removeClass()

Удаляет заданные классы у элементов на странице.

Атрибуты | Манипуляция DOM > Общие аттрибуты

.removeProp()

Удаляет свойство у каждого выбранного элемента страницы.

Манипуляция DOM > DOM Замена

.replaceAll()

С помощью этой функции можно заменять элементы страницы новыми элементами или уже существующими.

Манипуляция DOM > DOM Замена

.replaceWith()

С помощью этой функции можно заменять элементы страницы новыми элементами или уже существующими.

CSS | Смещение | Манипуляция DOM > Свойства стилей

.scrollLeft()

С помощью этой функции можно получить или изменить величину горизонтального скроллинга элементов на странице.

CSS | Смещение | Манипуляция DOM > Свойства стилей

.scrollTop()

С помощью этой функции можно получить или изменить величину вертикального скроллинга элементов на странице.

Манипуляция DOM > DOM Вставка внутрь

.text()

Возвращает или изменяет текстовое содержимое выбранных элементов страницы.

Атрибуты | Манипуляция DOM > Class атрибут | CSS

.toggleClass()

Добавляет или удаляет заданный класс(ы) по принципу переключателя (добавляет, если элемент не содержит класса, и удаляет, если класс есть).

Манипуляция DOM > DOM Вставка вокруг | Манипуляция DOM > DOM Удаление

.unwrap()

Удаляет родительские элементы у выбранных элементов, при этом, их содержимое останется на своих местах.

Атрибуты | Формы | Манипуляция DOM > Общие аттрибуты

.val()

Метод позволяет получать и изменять значения элементов форм. Для элементов input это значение атрибута value; для списков выбора (select) – значение value выбранного элемента (в случае множественного выбора – массив значений); в случае с textarea, метод .val() будет работать непосредственно с содержимым тега textarea.

CSS | Размеры элементов | Манипуляция DOM > Свойства стилей