English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод jQuery prop()

Методы HTML/CSS jQuery

Метод prop() jQuery��取 или устанавливает свойства и значения элементов.

При использовании метода prop()Получитьзначение атрибута, оно вернётсяпервый выбранный элементзначение.

Использование метода prop()Установитьзначение атрибута, оно будетВсе выбранные элементыУстановить один или несколько пар свойств/значений.

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

Чтобы удалить атрибут, используйтеremoveProp()Метод.

Грамматика:

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

$.prop(property)

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

$.prop(property, value)

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

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

Использование функции для установки свойств и значений

$.prop(selector, function(index, currentValue))

Пример

Получить значение свойства checked у флажка:

$("input:checkbox").change(function(){
  $("strong").text($(this).prop("checked"));
});
Проверьте, как это работает‹/›

Установить значение свойства выбранных флажков:

$("button").click(function() {
  $("input:checkbox").prop("checked", true);
});
Проверьте, как это работает‹/›

Отключить все флажки на странице:

$(document).ready(function() {
  $("input:checkbox").prop("disabled", true);
});
Проверьте, как это работает‹/›

prop() и attr()

Различие между prop() и attr() может быть важно в некоторых случаях.

Метод prop() предоставляет способ явного получения значения атрибута, а attr() получает атрибут.

Следующий пример показывает различие между prop() и attr():

$("input:checkbox").change(function(){
  $(this).prop("checked");
  $(this).attr("checked");
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрыОписание
propertyУказание имени атрибута
valueУказание значения атрибута
function(index, currentValue)Указание функции, которая возвращает значение атрибута для установки
  • Индекс -Получение位置的 индекса элементов в указанной группе

  • currentValue-Получение текущего значения атрибута выбранного элемента

Методы HTML/CSS jQuery