# Метод prop

Метод `prop` позволяет получить и изменить свойство элемента. Важно не путать свойства и атрибуты элементов. При создании DOM дерева атрибуты переводятся в соответствующие им DOM свойства элементов. Их названия не всегда совпадают, как и их значения. Некоторые свойства также могут не иметь соответствующих им атрибутов, они могут быть получены и установлены только при использовании метода `prop`, например свойство `tagName`. Для получение атрибутов элемента, используйте метод `attr`.

## Синтаксис

Получение значения свойства:

`$(селектор).prop(имя свойства);`

Изменение значения свойства:

`$(селектор).prop(имя свойства, новое значение);`

Изменение значений нескольких свойств:

`$(селектор).prop({первое_свойство: новое_значение, второе_свойство: новое_значение, ...});`

Применение функции к каждому элементу в наборе:

`$(селектор).prop(имя свойства, function(номер в наборе, текущее значение свойства));`

## Пример

В следующем примере мы получим абзац по его `id` и выведем на экран значение его свойства `className`:

`<p id="test" class="aaa">text</p>` `let value = $('#test').prop('className'); console.log(value);`

## Пример

Давайте поменяем одновременно свойства для `className` и `disabled`:

`<input type="checkbox" class="aaa" id="test" />` `$("#test").prop({ className: 'bbb', disabled: 'true' });`

## Смотрите также

- метод `removeProp`,
  который позволяет удалять свойства элементов
- метод `attr`,
  который позволяет работать с атрибутами элементов

← →
↑