phpjsJqueryhtmlcssblog

Как в jquery удалять атрибут

"jquery удалить атрибут". "Как в jquery удалять атрибут". Рассмотрим несколько вариантов удаления атрибутов в jquery!

Подробно об удалении атрибута в jquery

1. Удаляем атрибут в jquery(style)
2. Еще один пример удаления атрибута в jquery
3. Живой пример удаления атрибута в jquery

Скопировать ссылку



Удаляем атрибут в jquery(style)

Для того, чтобы удалить атрибут в jquery нам понадобится:

Подключаем библиотеку подключить jquery

Далее создадим элемент с любым атрибутом... пусть это будет атрибут "attribute style"

<div id="example" style="color:red;">текст</div>

Сделаем кнопку, чтобы мы могли видеть процесс удаления атрибута в jquery

<button id="button_id">удали атрибут в jquery</button>

Далее нам потребуется click + removeAttr :

<script>
$("#button_id").click(function() {
  $("#example").removeAttr("style");
});
</script>


Соберем весь код удаления атрибута в jquery вместе:

<div id="example" style="color:red;">текст</div>

<button id="button_id">удали атрибут в jquery</button>

<script>

$("#button_id").click(function() {

  $("#example").removeAttr("style");

});

</script>

Выведем скрипт удаления атрибута в jquery

Для того, чтобы удалить атрибут в jquery - нажмите кнопку - удали атрибут в jquery
текст
удали атрибут в jquery

Как увидеть удаление атрибута в jquery?

Нажимаем ПКМ по элементу, который хотим увидеть...

Далее - исследовать элемент.

Ищем наш элемент в коде.

Нажимаем по кнопке удали атрибут в jquery

Нажмите, чтобы открыть в новом окне.



Скопировать ссылку



Еще один пример удаления атрибута в jquery

Для следующего варианта удаления атрибута в jquery возьмем:

Поле ввода input

Добавим туда атрибут value который и удалим с помощью jquery

<input id="example1" value="здесь атрибут value">

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

<button id="button_id1">удали атрибут в jquery</button>

Соберем весь код второго примера удаления атрибута в jquery

<input id="example1" value="здесь атрибут value">

<button id="button_id1">удали атрибут в jquery</button>

<script>

$("#button_id1").click(function() {

  $("#example1").removeAttr("value");

});

</script>

Результат вывода кода удаления атрибута jquery

Чтобы увидеть работу удаления атрибута jquery, нажмите кнопку "удали атрибут в jquery"

удали атрибут в jquery
Скопировать ссылку



Живой пример удаления атрибута в jquery

Абсолютно аналогичный код, только теперь заменим в поле ввода и в скрипте название атрибута на

placeholder.

И чтобы удалить атрибут в jquery - нажмите кнопку "удали атрибут в jquery"

удали атрибут в jquery

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---