jQuery метод .removeProp()

jQuery DOM методы

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

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


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


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

jQuery синтаксис:

Синтаксис 1.6:
$( selector ).removeProp( propertyName ) 

propertyName - String

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

1.6

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

ПараметрОписание
propertyNameИмя свойства, которое необходимо удалить (строковое значение).

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

<!DOCTYPE html>
<html>
	<head>
		<title>Удаление и установка свойства элемента методами removeProp() и prop()</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function(){
	  var elem = $( "p" ); // инициализируем переменную, содержащую коллекцию элементов <p>
	  $( ".set" ).click(function(){ // вызываем функцию при клике на элемент с классом set
	    $( elem ).prop( "myProp", "myValue") // устанавливаем элементу <p> свойство myProp со значением myValue
	             .html( elem.prop( "myProp" ) ); // добавляем в элемент <p> значение его свойства myProp
	  }); 
	  $( ".remove" ).click(function(){ // вызываем функцию при клике на элемент с классом remove
	    $( elem ).removeProp( "myProp" ) // удаляем у элемента <p> свойство myProp
	             .html( String( elem.prop( "myProp" ) ) ); // добавляем в элемент <p> значение его свойства myProp (приводя значение к строке)
	  }); 
	});
		</script>
	</head>
	<body>
		<button class = "set">Установить свойство</button>
		<button class = "remove">Удалить свойство</button><br><br>
		<p></p>
	</body>
</html>

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

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

Результат нашего примера:

Пример удаления и установки свойства элемента методами removeProp() и prop()
Пример удаления и установки свойства элемента методами removeProp() и prop()
jQuery DOM методы