Как удалить атрибут jquery
Перейти к содержимому

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

  • автор:

.removeAttr()

Удаляет указанный атрибут у каждого выбранного элемента.

version added: 1.0 .removeAttr( attributeName )

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

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

Пример

Клик по кнопке меняет значение атрибута title рядом стоящего поля.

          

Шпаргалка jQuery:

  • Ajax
    • Global Ajax Event Handlers
      • .ajaxComplete()
        • :button
        • :checkbox
        • :checked
        • :disabled
        • :enabled
        • :file
        • :focus
        • :image
        • .serializeArray()
        • .serialize()
        • jQuery.param()
        • jQuery.ajax()
        • jQuery.ajaxSetup()
        • jQuery.ajaxPrefilter()
        • jQuery.ajaxTransport()
        • jQuery.get()
        • jQuery.post()
        • .load()
        • jQuery.getJSON()
        • jQuery.getScript()
        • .serialize()
        • .serializeArray()
        • jQuery.param()
        • .val()
        • .blur()
        • .change()
        • .focus()
        • .addClass()
        • .hasClass()
        • .removeClass()
        • .toggleClass()
        • .html()
        • .removeAttr()
        • .prop()
        • .removeProp()
        • .attr()
        • .val()
        • Collection Manipulation
          • jQuery.param()
          • .data()
          • .removeData()
          • Class Attribute
            • .addClass()
            • .hasClass()
            • .removeClass()
            • .toggleClass()
            • .clone()
            • .wrap()
            • .wrapAll()
            • .wrapInner()
            • .unwrap()
            • .append()
            • .appendTo()
            • .html()
            • .text()
            • .prepend()
            • .prependTo()
            • .after()
            • .before()
            • .insertAfter()
            • .insertBefore()
            • .unwrap()
            • .remove()
            • .empty()
            • .detach()
            • .replaceAll()
            • .replaceWith()
            • .removeProp()
            • .removeAttr()
            • .prop()
            • .attr()
            • .val()
            • .css()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • .offset()
            • .position()
            • .scrollLeft()
            • .scrollTop()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • jQuery.holdReady()
            • jQuery()
            • jQuery.noConflict()
            • jQuery.when()
            • .addClass()
            • .hasClass()
            • .removeClass()
            • .toggleClass()
            • .css()
            • .height()
            • .width()
            • .innerHeight()
            • .innerWidth()
            • .outerHeight()
            • .outerWidth()
            • .offset()
            • .position()
            • .scrollLeft()
            • .scrollTop()
            • .clearQueue()
            • .dequeue()
            • .data()
            • jQuery.hasData()
            • jQuery.removeData()
            • jQuery.dequeue()
            • .removeData()
            • jQuery.data()
            • .queue()
            • Custom
              • .clearQueue()
              • .dequeue()
              • .queue()
              • .clearQueue()
              • .dequeue()
              • jQuery.dequeue()
              • jQuery.data()
              • .queue()
              • jQuery.proxy()
              • callbacks.add()
              • callbacks.disable()
              • callbacks.disabled()
              • callbacks.empty()
              • callbacks.fire()
              • callbacks.fired()
              • callbacks.fireWith()
              • callbacks.has()
              • callbacks.lock()
              • callbacks.locked()
              • callbacks.remove()
              • jQuery.Callbacks()
              • deferred.always()
              • deferred.done()
              • deferred.fail()
              • deferred.notify()
              • deferred.notifyWith()
              • deferred.progress()
              • deferred.promise()
              • deferred.reject()
              • deferred.rejectWith()
              • deferred.resolve()
              • deferred.resolveWith()
              • deferred.state()
              • deferred.then()
              • Basics
                • Универсальный селектор (“*”)
                • jQuery( «.class» )
                • Селектор элементов (“element”)
                • Селектор ID (“#id”)
                • Множественный (“selector1, selector2, selectorN”)
                • Селектор по префиксу [name|=”value”]
                • Селектор содержащий значение [name*=»value»]
                • Селектор, содержащий слово [name~=»value»]
                • Селектор по атрибуту, на конце которого [name$=»value»]
                • Селектор по равенству [name=»value»]
                • Селектор по неравенству [name!=»value»]
                • Значение атрибута начинается с [name^=»value»]
                • Селектор по наличию атрибута [name]
                • Множественный селектор по атрибуту [name=»value»][name2=»value2″]
                • :animated Selector
                • :eq()
                • :even
                • :first
                • :focus
                • :gt()
                • :header
                • :lang()
                • :last
                • :lt()
                • :first-child
                • :first-of-type
                • :last-child
                • :last-of-type
                • :nth-child()
                • :nth-last-child()
                • :nth-last-of-type()
                • :nth-of-type()
                • :only-child
                • :only-of-type
                • :contains()
                • :empty
                • :has()
                • :parent
                • Browser Events
                  • .resize()
                  • .scroll()
                  • .ready()
                  • .bind()
                  • .delegate()
                  • jQuery.proxy()
                  • .off()
                  • .one()
                  • .trigger()
                  • .triggerHandler()
                  • .unbind()
                  • .undelegate()
                  • event.currentTarget
                  • event.data
                  • event.delegateTarget
                  • event.isDefaultPrevented()
                  • event.isImmediatePropagationStopped()
                  • event.isPropagationStopped()
                  • event.metaKey
                  • event.namespace
                  • event.pageX
                  • event.pageY
                  • event.preventDefault()
                  • event.relatedTarget
                  • event.result
                  • event.stopImmediatePropagation()
                  • event.stopPropagation()
                  • event.target
                  • event.timeStamp
                  • event.type
                  • event.which
                  • .blur()
                  • .change()
                  • .focus()
                  • .focusin()

                  Как с помощью jquery удалить все атрибуты у всех перечисленных элементов?

                  Например, чтобы по задумке такой код $(‘div, ul, ol, p’).removeAttr(‘class, align, width’); удалял бы из всех перечисленных тегов все перечисленные атрибуты, если они есть. Такой код работает только по-одному, вот так $(‘div’).removeAttr(‘class’); , но это не подходит.

                  Отслеживать

                  задан 21 фев 2019 в 22:28

                  Black Fire Black Fire

                  479 1 1 золотой знак 3 3 серебряных знака 17 17 бронзовых знаков

                  1 ответ 1

                  Сортировка: Сброс на вариант по умолчанию

                  . as of version 1.7, it can be a space-separated list of attributes.

                  . с версии 1.7 это может несколько названий атрибутов, разделенных пробелами.

                  $('div, ul, ol, p').removeAttr('class align width'); 
                  console.log("before:", $("div")[0].outerHTML); console.log("before:", $("p")[0].outerHTML); $('div, ul, ol, p').removeAttr('class align width'); console.log("after:", $("div")[0].outerHTML); console.log("after:", $("p")[0].outerHTML);

                  jQuery — Удаление атрибута removeAttr()

                  Метод removeAttr() производит удаление атрибутов элементов страницы.

                  Примеры

                  $('div').removeAttr('id');
                  $('#content').removeAttr('class')

                  Понравился туториал? Поделитесь с друзьями!

                  0 комментариев

                  У поста еще нет комментариев. Будьте первым и оставьте свое мнение!

                  Чтобы оставить комментарий зарегистрируйтесь, или войдите в аккаунт.

                  • 230 . jQuery — Упорядочивание элементов в массиве
                  • 229 . jQuery — Определение типа элемента
                  • 228 . jQuery — Удаление крайних пробелов
                  • 227 . jQuery — Изменение контекста функции
                  • 226 . jQuery — Парсинг xml-строки
                  • 225 . jQuery — Парсинг json-данных
                  • 224 . jQuery — Объединение массивов
                  • 223 . jQuery — Поэлементная обработка структур
                  • 222 . jQuery — Конвертация объекта в массив
                  • 221 . jQuery — Является ли DOM-объект частью XML
                  • 220 . jQuery — Является ли элемент объектом window
                  • 219 . jQuery — Является ли элемент пользовательским объектом
                  • 218 . jQuery — Проверка является ли аргумент числом
                  • 217 . jQuery — Проверка является ли элемент функцией
                  • 216 . jQuery — Проверка пуст ли объект
                  • 215 . jQuery — Является ли элемент массивом
                  • 214 . jQuery — Поиск элемента в массиве
                  • 213 . jQuery — Поиск элементов массива
                  • 212 . jQuery — Глобальное выполнение скрипта
                  • 211 . jQuery — Объединение объектов
                  • 210 . jQuery — Проверка наличия объекта
                  • 209 . jQuery — Утилиты
                  • 208 . jQuery — Поочередное появление и скрытие элементов
                  • 207 . jQuery — Установка прозрачности анимации у элемента
                  • 206 . jQuery — Появление и исчезновение за счет прозрачности
                  • 205 . jQuery — Поочередное разворачивание и сворачивание элементов
                  • 204 . jQuery — Разворачивание и сворачивание элементов
                  • 203 . jQuery — Появление и исчезновение элементов
                  • 202 . jQuery — Отмена выполнения всех анимаций
                  • 201 . jQuery — Длительность кадра анимации
                  • 200 . jQuery — Поочередное выполнение функций анимации
                  • 199 . jQuery — Временное приостановление дальнейшей анимации
                  • 198 . jQuery — Остановка анимации
                  • 197 . jQuery — Запуск следующей функции анимации в очереди
                  • 196 . jQuery — Очищение очереди функций анимации
                  • 195 . jQuery — Очередь функции анимации
                  • 194 . jQuery — Выполнение анимации
                  • 193 . jQuery — Эффекты и анимация
                  • 192 . jQuery — Групповой deferred
                  • 191 . jQuery — Заместитель deferred
                  • 190 . jQuery — Фильтрация параметров deferred
                  • 189 . jQuery — Получение текущего состояния объекта deffered
                  • 188 . jQuery — Проверка состояний deferred
                  • 187 . jQuery — Выполнение deferred с параметрами
                  • 186 . jQuery — Событие частичного выполнения deferred
                  • 185 . jQuery — Перевод объекта deferred из состояния не выполнено
                  • 184 . jQuery — Регистрация обработчика progress()
                  • 183 . jQuery — Обработка выполнения deferred
                  • 182 . jQuery — Объект deferred
                  • 181 . jQuery — Callbacks.remove удаляет функцию из объекта
                  • 180 . jQuery — Callbacks.has проверяет наличие функции в объекте
                  • 179 . jQuery — Callbacks.fired проверка выполнения объекта
                  • 178 . jQuery — Callbacks.fireWith функции с заданным контекстом
                  • 177 . jQuery — Callbacks.fire выполняет все функции объекта
                  • 176 . jQuery — Callbacks.empty удаляет все функции из объекта
                  • 175 . jQuery — Callbacks.disable отключение объекта callbacks
                  • 174 . jQuery — Callbacks.add добавление функции в callbacks
                  • 173 . jQuery — Callbacks (Коллбэки)
                  • 172 . jQuery — Преобразование данных формы в массив
                  • 171 . jQuery — Преобразование данных формы в строку
                  • 170 . jQuery — Преобразование объектов для использования в url
                  • 169 . jQuery — Обработка завершения всех ajax-запросов
                  • 168 . jQuery — Обработка первого ajax-запроса
                  • 167 . jQuery — Обработка неудачного завершения ajax-запроса
                  • 166 . jQuery — Обработка удачного завершения ajax-запроса
                  • 165 . jQuery — Обработка завершения ajax-запроса
                  • 164 . jQuery — Обработка отправления ajax-запроса
                  • 163 . jQuery — Параметры ajax-запроса
                  • 162 . jQuery — Ajax запрос
                  • 161 . jQuery — Ajax запрос js файла
                  • 160 . jQuery — Ajax запрос JSON-данных
                  • 159 . jQuery — Ajax запрос HTML-данных
                  • 158 . jQuery — Ajax запрос методом POST
                  • 157 . jQuery — Ajax запрос методом GET
                  • 156 . jQuery — Ajax технология
                  • 155 . jQuery — Клонирование элементов
                  • 154 . jQuery — Замена элементов
                  • 153 . jQuery — Удаление родительских элементов
                  • 152 . jQuery — Удаление содержимого у выбранных элементов
                  • 151 . jQuery — Удаление элементов remove() detach()
                  • 150 . jQuery — Обертывание содержимого элементов страницы
                  • 149 . jQuery — Обертывание элементов страницы
                  • 148 . jQuery — Добавление содержимого перед элементами
                  • 147 . jQuery — Добавление содержимого после элементов
                  • 146 . jQuery — Добавление содержимого в начало элементов
                  • 145 . jQuery — Добавление содержимого в конец элементов
                  • 144 . jQuery — Добавление текста text()
                  • 143 . jQuery — Добавление html содержимого на страницу
                  • 142 . jQuery — Получение и изменение скроллинга страницы
                  • 141 . jQuery — Спозиционированные родительские элементы
                  • 140 . jQuery — Получить и изменить позиционирование элементов
                  • 139 . jQuery — Получение и изменение ширины элементов
                  • 138 . jQuery — Получение и изменение высоты элементов
                  • 137 . jQuery — Работа с CSS
                  • 136 . jQuery — Работа с атрибутом value
                  • 135 . jQuery — Проверка наличия класса hasClass()
                  • 134 . jQuery — Добавление и удаление класса toggleClass()
                  • 133 . jQuery — Удаление класса removeClass()
                  • 132 . jQuery — Добавление класса addClass()
                  • 131 . jQuery — Удаление свойства removeProp()
                  • 130 . jQuery — Получение и изменение свойства prop()
                  • 129 . jQuery — Удаление атрибута removeAttr()
                  • 128 . jQuery — Работа с атрибутами attr()
                  • 127 . jQuery — Функции манипуляции с элементами
                  • 126 . jQuery — Предыдущий набор элементов end()
                  • 125 . jQuery — Поиск содержащихся элементов contents()
                  • 124 . jQuery — Добавление предыдущего набора andSelf()
                  • 123 . jQuery — Добавление элементов в набор add()
                  • 122 . jQuery — Работа функции с элементами набора map()
                  • 121 . jQuery — Вызов функции для элементов набора each()
                  • 120 . jQuery — Поиск элементов с индексами из заданной области
                  • 119 . jQuery — Поиск элементов не соответствующих условиям not()
                  • 118 . jQuery — Поиск последнего элемента в наборе last()
                  • 117 . jQuery — Проверка наличия элемента is()
                  • 116 . jQuery — Поиск элементов с заданным содержимым has()
                  • 115 . jQuery — Поиск первого элемента в наборе first()
                  • 114 . jQuery — Фильтрация выбранных элементов filter()
                  • 113 . jQuery — Поиск элементов лежащих на одном уровне
                  • 112 . jQuery — Поиск части элементов лежащих перед выбранными
                  • 111 . jQuery — Поиск всех элементов лежащих перед выбранными
                  • 110 . jQuery — Поиск элементов лежащих перед выбранными
                  • 109 . jQuery — Поиск всех предков останавливаясь на найденном
                  • 108 . jQuery — Поиск всех предков parents
                  • 107 . jQuery — Поиск родительского элемента parent
                  • 106 . jQuery — Спозиционированные родительские элементы offsetPare
                  • 105 . jQuery — Поиск части элементов лежащих после выбранных
                  • 104 . jQuery — Поиск всех элементов лежащих после выбранных
                  • 103 . jQuery — Поиск элементов лежащих после выбранных next
                  • 102 . jQuery — Поиск элементов внутри выбранных find
                  • 101 . jQuery — Ближайший подходящий предок closest
                  • 100 . jQuery — Поиск дочерних элементов children
                  • 99 . jQuery — Работа с набором элементов
                  • 98 . jQuery — Обработчик или источник события scroll
                  • 97 . jQuery — Обработчик или источник события resize
                  • 96 . jQuery — Обработчик события error
                  • 95 . jQuery — Обработчик события unload
                  • 94 . jQuery — Обработчик события load
                  • 93 . jQuery — Обработчик готовности дерева DOM ready
                  • 92 . jQuery — Обработчик или источник события change
                  • 91 . jQuery — Обработчик или источник события submit
                  • 90 . jQuery — Обработчик или источник события select
                  • 89 . jQuery — Обработчик события focusout
                  • 88 . jQuery — Обработчик события focusin
                  • 87 . jQuery — Обработчик или источник события blur
                  • 86 . jQuery — Обработчик или источник события focus
                  • 85 . jQuery — Обработчик события keypress
                  • 84 . jQuery — Обработчик или источник события keyup
                  • 83 . jQuery — Обработчик или источник события keydown
                  • 82 . jQuery — Поочередное выполнение функций toggle
                  • 81 . jQuery — Обработчик или источник события mouseover
                  • 80 . jQuery — Обработчик или источник события mouseout
                  • 79 . jQuery — Обработчик или источник события mousemove
                  • 78 . jQuery — Обработчик или источник выхода курсора из элемента
                  • 77 . jQuery — Обработчик появления курсора на элементе
                  • 76 . jQuery — Обработчик или источник события mouseup
                  • 75 . jQuery — Обработчик или источник события mousedown
                  • 74 . jQuery — Обработчик события hover
                  • 73 . jQuery — Обработчик или источник события dblclick
                  • 72 . jQuery — Обработчик или источник события click
                  • 71 . jQuery — Объект event
                  • 70 . jQuery — Изменение контекста функции jQuery.proxy()
                  • 69 . jQuery — Вызов обработчика события triggerHandler()
                  • 68 . jQuery — Вызов события trigger()
                  • 67 . jQuery — Удаление обработчика событий unbind
                  • 66 . jQuery — Установка разового обработчика событий one()
                  • 65 . jQuery — Событие off()
                  • 64 . jQuery — Событие on()
                  • 63 . jQuery — События
                  • 62 . jQuery — Селектор неактивных элементов формы disabled
                  • 61 . jQuery — Селектор активных элементов формы enabled
                  • 60 . jQuery — Селектор выбранных элементов checked
                  • 59 . jQuery — Селектор элементов в фокусе focus
                  • 58 . jQuery — Селектор выбранных элементов selected
                  • 57 . jQuery — Селектор элемента формы input
                  • 56 . jQuery — Селектор изображения для отправки формы
                  • 55 . jQuery — Селектор кнопки очистки формы reset
                  • 54 . jQuery — Селектор кнопки отправки формы submit
                  • 53 . jQuery — Селектор поля загрузки файла file
                  • 52 . jQuery — Селектор поля ввода пароля password
                  • 51 . jQuery — Селектор текстовых полей text
                  • 50 . jQuery — Селектор флажков checkbox
                  • 49 . jQuery — Селектор переключателей radio
                  • 48 . jQuery — Селектор кнопок button
                  • 47 . jQuery — Заданные условные элементы в своих родителях
                  • 46 . jQuery — Последние условные элементы в своих родителях
                  • 45 . jQuery — Первые условные элементы в своих родителях
                  • 44 . jQuery — Единственные условные элементы в своих родителях
                  • 43 . jQuery — Единственные элементы в своих родителях
                  • 42 . jQuery — Заданные элементы в своих родителях
                  • 41 . jQuery — Последние элементы в своих родителях
                  • 40 . jQuery — Первые элементы в своих родителях
                  • 39 . jQuery — Селектор parent наличия содержимого
                  • 38 . jQuery -Селектор has наличия конретных элементов
                  • 37 . jQuery — Селектор empty — селектор отсутствия содержимого
                  • 36 . jQuery — Селектор contains — селектор по тексту
                  • 35 . jQuery — Селектор root — корневой элемент документа
                  • 34 . jQuery — Селектор lang — язык содержимого элементов
                  • 33 . jQuery — Селектор visible — видимые элементы
                  • 32 . jQuery — Селектор hidden — невидимые элементы
                  • 31 . jQuery — Селектор animated — анимированные элементы
                  • 30 . jQuery — Селектор header — заголовки
                  • 29 . jQuery — Селектор ln — элементы с индексом до n
                  • 28 . jQuery — Селектор gt — Элементы с индексом после n
                  • 27 . jQuery — Селектор odd — начетные элементы
                  • 26 . jQuery — Селектор even — четные элементы
                  • 25 . jQuery — Селектор not — Исключение из найденных элементов
                  • 24 . jQuery — Селектор eq — элемент по индексу
                  • 23 . jQuery — Селектор last — последний найденный элемент
                  • 22 . jQuery — Селектор first — первый найденный элемент
                  • 21 . jQuery — Селектор focus — элементы в фокусе
                  • 20 . jQuery — Селектор по нескольким атрибутам
                  • 19 . jQuery — Селектор по префиксу атрибута
                  • 18 . jQuery — Селектор по слову в атрибуте
                  • 17 . jQuery — Селектор по подстроке в атрибуте
                  • 16 . jQuery — Селектор по концу атрибута
                  • 15 . jQuery — Селектор по началу атрибута
                  • 14 . jQuery — Селектор по несовпадению с атрибутом
                  • 13 . jQuery — Селектор по значению атрибута
                  • 12 . jQuery — Селектор по наличию атрибута
                  • 11 . jQuery — Следующие селекторы
                  • 10 . jQuery — Смежные селекторы
                  • 9 . jQuery — Дочерние селекторы
                  • 8 . jQuery — Селекторы потомки (нисходящие селекторы)
                  • 7 . jQuery — Групповые селекторы
                  • 6 . jQuery — Селектор по имени тега
                  • 5 . jQuery — Селектор по идентификатору
                  • 4 . jQuery — Селектор по классу
                  • 3 . jQuery — Селектор всех элементов
                  • 2 . jQuery — Селекторы
                  • 1 . jQuery — Что такое библиотека jQuery

                  Работа с атрибутами в jQuery

                  HTML-атрибуты – это дополнительные значения для установления различных характеристик HTML-элементам в HTML-коде. С помощью них можно определённым образом настроить элемент и отрегулировать его поведение. Все атрибуты указываются внутри открытого тега и отделяются друг от друга посредством пробела.

                  HTML атрибуты

                  Кроме атрибутов у нас имеются ещё DOM-свойства , которые в большинстве случаев являются их отражением.

                  Образуются DOM-свойства во время чтения браузером HTML-кода, т.е. при строительстве DOM. DOM – это объектная модель документа. При её создании теги становятся элементами (узлами), а HTML-атрибуты переводятся в соответствующие DOM-свойства этих элементов.

                  Для сведений, атрибут, который мы устанавливаем в HTML-коде называется атрибутом содержимого . А DOM-свойство – IDL-атрибутом .

                  Более подробно прочитать про атрибуты, DOM-свойства и их отличия можно в этой статье.

                  В заключение можно отметить, что при написании кода на JavaScript зачастую лучше использовать именно DOM-свойства, а не соответствующие им атрибуты. Кстати, в jQuery для выполнения операций с DOM-свойствами имеется специальный метод prop() . Описывается он в этой статье.

                  А сейчас познакомимся с методами jQuery для работы с атрибутами.

                  Методы attr() и removeAttr()

                  В jQuery для выполнения действий над атрибутами имеется два метода:

                  • attr() – используется, когда нужно, узнать значение требуемого атрибута, добавить к элементу новый атрибут или изменить текущее значение некоторого атрибута на новое;
                  • removeAttr() – применяется для удаления определённого атрибута у элемента или набора элементов.

                  Получение значения атрибута

                  Узнать значение определённого атрибута в jQuery осуществляется через attr() :

                  // attributeName – атрибут, значение которого нужно получить .attr('attributeName')

                  Например, получим значение атрибута href элемента #search :

                  Яндекс  

                  При применении attr() к набору элементов, этот метод вернёт значение указанного атрибута только для первого элемента.

                  .
                  .
                  .

                  Для того, чтобы вернуть значение указанного атрибута для каждого элемента набора, можно воспользоваться each() или map() .

                  JavaScript

                  $('.section').each(function() { console.log( $(this).attr('id') ); }); // Результат: // section-1 // section-2 // section-3

                  Если атрибута, значение которого мы хотим получить у элемента нет, то attr() вернёт undefined :

                  .

                  Этот сценарий можно использовать для проверки наличия определённого атрибута у элемента.

                  Например, проверим имеется ли у элемента #logo» атрибут title :

                   .   

                  Изменение значения атрибута

                  Изменение значения атрибута осуществляется также посредством attr() .

                  Вариант синтаксиса attr() для установки значения одному атрибуту:

                  JavaScript

                  // attributeName – имя атрибута // value – новое значение (строка, число или null) .attr('attributeName', value)

                  Кстати, если установить атрибуту null , то он будет удалён.

                  Например, поменяем значение атрибута src элемента #logo :

                      

                  Установка сразу нескольких атрибутов элементу осуществляется в формате объекта:

                  JavaScript

                  // attributes – объект, содержащий набор пар «атрибут: значение» .attr(attributes)

                  Пример установки элементу #logo несколько атрибутов:

                     

                  Кроме этого в jQuery имеется также вариант установки атрибута с помощью функции:

                  JavaScript

                  // attr - имя атрибута .attr('attr', function(index, value) { // . })

                  В этом случае значение атрибута будет определяться результатом (строка или число), возвращаемой функцией. Если функция ничего не возвращает или undefined , то текущее значение не изменяется (оно остаётся прежним).

                  Обратиться к текущему элементу в функции можно с помощью ключевого слова this .

                  • index — индекс элемента в наборе;
                  • valueAttr — текущее значение атрибута;
                  • One
                  • Two
                  • Three
                  • Four
                  • Five

                  Добавление нового атрибута

                  В jQuery, установка нового атрибута или изменение существующего — это одна и также операция.

                  Пример, в котором всем ссылкам на странице установим атрибут rel со значением nofollow :

                  JavaScript

                  $('a').attr('rel', 'nofollow');
                     

                  Как в jQuery удалить атрибут у элемента

                  В jQuery удаление атрибута обычно осуществляется с помощью метода removeAttr() :

                  JavaScript

                  // attributeName - атрибут, который нужно удалить .removeAttr('attributeName')

                  Например, удалим атрибут rel у всех ссылок на странице:

                  JavaScript

                  $('a[rel]').removeAttr('rel');

                  В jQuery удалить атрибут можно также с помощью attr() . Для этого ему нужно в качестве значения установить null .

                  $('a[rel]').attr('rel', null);

                  Ещё темы этого раздела:

                  • Добавление и удаление DOM-свойств (disabled, checked, selected и др.)
                  • Добавление и удаление классов
                  • Получение и установка CSS-свойств элементам
                  • data-атрибуты и внутреннее хранилище jQuery

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *