.removeAttr()

.removeAttr( attributeName )Возвращает: jQuery

Описание: Удаляет атрибут из каждого элемента во множестве сопоставленных элементов.

версия добавлена: 1.0.removeAttr( attributeName )
- attributeName
  
  Тип: Строка
  
  Атрибут для удаления; начиная с версии 1.7, это может быть список атрибутов, разделённых пробелами.

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

Примечание: Удаление обработчика события onclick в строке через .removeAttr() не даёт желаемого результата в Internet Explorer 8, 9 и 11. Чтобы избежать возможных проблем, используйте .prop() вместо этого:

$element.prop( "onclick", null );
console.log( "onclick property: ", $element[ 0 ].onclick );

Пример:

Нажатие на кнопку изменяет заголовок поля ввода рядом с ней. Наведите указатель мыши на поле ввода текста, чтобы увидеть эффект добавления и удаления атрибута title.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>removeAttr demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<button>Change title</button>
<input type="text" title="hello there">
<div id="log"></div>
 
<script>
(function() {
  var inputTitle = $( "input" ).attr( "title" );
  $( "button" ).on( "click", function() {
    var input = $( this ).next();
 
    if ( input.attr( "title" ) === inputTitle ) {
      input.removeAttr( "title" )
    } else {
      input.attr( "title", inputTitle );
    }
 
    $( "#log" ).html( "input title is now " + input.attr( "title" ) );
  });
})();
</script>
 
</body>
</html>

.removeAttr( attributeName )Возвращает: jQuery

версия добавлена: 1.0.removeAttr( attributeName )

Пример:

Демо: