Как удалить атрибут 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
                  Похожие публикации:
                  1. Mysql как записать html код
                  2. Как называется клавиатура для одной руки
                  3. Как сделать из флешки usb cd rom
                  4. Какую игру легче создать 2d или 3d

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

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