jQuery метод .removeProp()

Определение и применение

jQuery метод .removeProp() позволяет удалить у выбранного элемента, или элементов интересующее свойство. Как правило этот метод используется для удаления свойств, которые были установлены с использованием jQuery метода .prop().

Обращаю Ваше внимание, что метод .removeProp() не подходит для удаления таких свойств как checked, disabled, или selected по той причине, что эти свойства не смогут быть восстановлены, так как удаляются полностью. Для этих целей используйте метод .prop(), который позволяет задать, или изменить интересующее нас свойство.

Для того, чтобы удалить атрибут, или атрибуты у выбранных элементов используйте метод .removeAttr().

jQuery синтаксис:

Синтаксис 1.6:

$( selector ).removeProp( propertyName )

propertyName - String

Добавлен в версии jQuery

Значения параметров

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

Удаление и установка свойства элемента методами removeProp() и prop()

Нажмите ▶, затем выполните действие из пояснения. Измените JavaScript и запустите пример ещё раз. В редакторе используется jQuery 4.0.0.

index.html

HTML

<button class="set">Установить свойство</button> <button class="remove">Удалить свойство</button><br /><br />
<p></p>
<div></div>

main.js

JavaScript

$(document).ready(function () {
    var elem = $('p')
    $('.set').click(function () {
        $(elem).prop('myProp', 'myValue').html(elem.prop('myProp'))
    })
    $('.remove').click(function () {
        $(elem)
            .removeProp('myProp')
            .html(String(elem.prop('myProp')))
    })
})

В этом примере мы разместили две кнопки (элементы <button>), первая при нажатии запускает функцию, которая позволяет с помощью метода .prop() установить элементу <p> свойство с определенным значением, и с помощью метода .html() добавить в него, значение свойства, которое мы установили.

При нажатии на вторую кнопку вызывается функция, которая позволяет с помощью метода .removeProp() удалить у элемента <p>, указанное свойство, и с помощью метода .html() добавить в него значение этого свойства на текущий момент. Обратите внимание, что возвращаемое значение должно быть undefined (свойство отсутствует), предварительно перед вставкой мы приводим его к строке.