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

"jquery добавить атрибут" - разберемся... как происходит "добавление атрибута в jquery".

Подробно о всех способах добавления атрибутов в jquery

1. Добавляем атрибут в jquery
2. Код добавления атрибута в jquery

Добавляем атрибут в jquery<

Как бы нам не хотелось, но без теории никак!

Разберемся в теории "добавления атрибута в jquery", а далее разберем код и пример!

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

<element>Здесь тег, к которому будем добавлять новый атрибут!</element>

И скрипт(в данном случае) сработает при загрузке страницы.

<script>

$('element').attr('новый_атрибут', 'значение_нового_атрибута' );

</script>

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

<element новый_атрибут="значение_нового_атрибута">Здесь тег, к которому будем добавлять новый атрибут!</element>

Стенд для визуализации добавления атрибута в jquery:

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

нажмите кнопку "Добавь атрибут в jquery" и вы получите результат:

<element>Здесь тег, к которому будем добавлять новый атрибут!</element>

Добавь атрибут в jquery

Далее... нам нужно в этом процессе разобраться!




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

Чтобы не рассказывать скучную теорию... сразу к теме.. "как добавить атрибут в jquery"

Для этого нам понадобится:

Нам нужен любой тег, пусть это будет придуманный тег:

<element>Здесь тег, к которому будем добавлять новый атрибут!</element>

Чтобы это не было стационарным.текстом... "добавим атрибут" в реальном времени. Для этого нам потребуется кнопка - button к ней прицепим onclick с функцией:

<button onclick="my_foo()">Добавь атрибут в jquery</button>

Конечно же не забываем, что надо подключить jquery

Далее... нам нужно любым способом обратиться к тегу в jquery.

И собственно скрипт, который и добавит новый атрибут тегу в jquery.

Новый атрибут - это будет attribute style + background

<script>
function my_foo()
{
$('element').attr('style', 'background:red' );
}
</script>

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

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

Здесь тег, к которому будем добавлять новый атрибут!
Добавь атрибут в jquery