Метод jQuery prop()

❮ Методы jQuery HTML/CSS

Пример

Добавьте и удалите свойство с именем «цвет»:

$("button").click(function(){
  var $x = $("div");
  $x.prop("color", "FF0000");
  $x.append("The color property: " + $x.prop("color"));
  $x.removeProp("color");
});

Определение и использование

Метод prop() устанавливает или возвращает свойства и значения выбранных элементов.

Когда этот метод используется для возврата значения свойства, он возвращает значение ПЕРВОГО совпавшего элемента.

Когда этот метод используется для установки значений свойств, он устанавливает одну или несколько пар свойство/значение для набора соответствующих элементов.

Примечание. Метод prop() следует использовать для получения значений свойств, например, свойств DOM (таких как tagName, nodeName, defaultChecked) или ваших собственных свойств, созданных пользователем.

Совет. Чтобы получить атрибуты HTML, используйте вместо этого метод attr() .

Совет: Чтобы удалить свойство, используйте метод removeProp() .


Синтаксис

Вернуть значение свойства:

$(selector).prop(property)

Установите свойство и значение:

$(selector).prop(property,value)

Установите свойство и значение с помощью функции:

$(selector).prop(property,function(index,currentvalue))

Установите несколько свойств и значений:

$(selector).prop({property:value, property:value,...})

Parameter Description
property Specifies the name of the property
value Specifies the value of the property
function(index,currentvalue) Specifies a function that returns the property value to set
  • index - Receives the index position of the element in the set
  • currentvalue - Receives the current property value of selected elements

Попробуйте сами - примеры


prop() и attr() могут возвращать разные значения. В этом примере показаны различия при использовании для возврата состояния флажка «проверено».


❮ Методы jQuery HTML/CSS