Удаление свойства

Материал из JQuery

Перейти к: навигация, поиск
.removeProp()

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

.removeProp(propName):jQuery1.6

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

Замечание: используйте этот метод для удаления искусственно введенных свойств, не стоит удалять нативные свойства элементов (т.е. первоначальные, родные свойства элементов), это может вызвать ошибки работы браузера. В частности, не используйте .removeProp() для удаления таких атрибутов как checked и disabled. Когда эти атрибуты отсутствуют в input-элементах, их одноименные свойства не перестают существовать, они просто принимают значение false. Таким образом, для отключения этих свойств необходимо устанавливать из в false с помощью .prop().

Пример использования

Зададим p-элементу новое свойство secretCode, после чего удалим его и выведем результат наших действий в окно браузера:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~style~gt~
  img{padding:10px;}
  div{color:red; font-size:24px;}
~lt~/style~gt~
  ~lt~script src="http://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~
  
  ~lt~p~gt~~lt~/p~gt~

  ~lt~script~gt~
    var $para = $("p");
    $para.prop("secretCode", 1234);
    $para.append("Секретный код: ", String($para.prop("secretCode")), ". ");
    $para.removeProp("secretCode");
    $para.append("Теперь: ", String($para.prop("secretCode")), ". ");
  ~lt~/script~gt~

~lt~/body~gt~
~lt~/html~gt~

Ссылки

Поисковые ключи:
  • удаление свойств у элементов
  • удалить свойства у элементов на странице
  • .removeProp()
  • removeProp()