jQuery метод .removeAttr()

jQuery DOM методы

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

jQuery метод .removeAttr() удаляет один или несколько атрибутов у выбранных элементов.


Обращаю Ваше внимание, что метод .removeAttr() использует нативную функцию JavaScript removeAttribute(), но имеет некоторые преимущества, связанные с возможностью вызова непосредственно на объект jQuery и учитывает различные именования атрибутов в разных браузерах.


jQuery синтаксис:

Синтаксис 1.0:
$( selector ).removeAttr( attributeName )

Синтаксис 1.7:
$( selector ).removeAttr( attributeName attributeName attributeName )

attributeName - String

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

1.0 (в версии 1.7 добавлена возможность указывать несколько атрибутов)

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

ПараметрОписание
attributeNameУказывает один или несколько атрибутов, которые необходимо удалить. Чтобы удалить несколько атрибутов перечислите их через пробел. Обязательный параметр.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery метода .removeAttr()</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function(){
	  $( "button" ).click(function(){ // задаем функцию при нажатиии на элемент <button>
	    $( "div").removeAttr("style"); // удаляем атрибут style у элемента <div>
	    $( "p").removeAttr("title style"); // удаляем атрибуты title и style у элемента <p>
	  });
	});
		</script>
	</head>
	<body>
		<button>Клик</button>
		<div style = "background-color: aliceblue">
			<p title = "простой абзац" style = "font-size:2em">Простой абзац</p>
		</div>
 	</body>
</html>

В этом примере с использованием jQuery метода .removeAttr() при нажатии на кнопку мы удаляем у элемента <div> глобальный атрибут style, а у элемента <p> глобальные атрибуты title и style.

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

Пример использования jQuery метода .removeAttr()
Пример использования jQuery метода .removeAttr()
jQuery DOM методы