Как получить значение из атрибута с помощью jquery

С помощью JQuery получим значение атрибута! Рассмотрим несколько примеров получения значений из атрибутов элементов используя JQuery!

Будем использовать атрибуты, которые не пользуются спросом. А атрибуты, которыми интересуются сделаем отдельные страницы!

Подробно о значениях и получения их в JQuery

1. Получаем значение атрибута в JQuery в.№1
2. Как получить значение из атрибута JQuery

Получаем значение атрибута в JQuery в.№1

Одним из атрибутов в JQuery , по которому нет запросов это атрибут src его и используем для получения значения из него в JQuery! Для этого нам понадобится:

Первым шагом для получения атрибута в JQuery надо подключить подключить jquery

Далее нам понадобится картинка, конечно же возьмем фото себя любимого :



Еще из html нам нужна кнопка...

<button id="id_button">button</button>

Чтобы действие получения данных из атрибута в JQuery нам понадобится click

$( "#id_button" ).click(function()

Внутри функции разместим alert + получим через id(img_example) значение атрибута :

alert ($("#img_example").attr("src") ) ;

Соберем весь код вместе:

<img id="img_example" src="https://dwweb.ru/_data/img/personal/about_me.jpg">

<button id="id_button">button</button>

<script>

$( "#id_button" ).click(function()

{

alert ($("#img_example").attr("src") ) ;

});

</script>

Получаем значение атрибута в JQuery

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

Как получить значение из атрибута JQuery

Еще один из атрибутов, по которому запросов "0" - это атрибут placeholder, давайте его используем в качестве подопытного для получения из этого атрибута данных, которые внутри этого атрибута с помощью JQuery!

Для второго примера нам понадобится:

В качестве элемента для атрибута будем использовать input:

<input id="attr_jquery" type="text" placeholder ="атрибут jquery">

Опять кнопка:

<button id="id_button2">Получи значение атрибута в JQuery </button>

И тот же код с измененными id...

Соберем весь код вместе:

Код для получения значения из атрибута JQuery.[h5]

<input id="attr_jquery" type="text" placeholder ="атрибут jquery">

<button id="id_button2">Получи значение атрибута в JQuery </button>

<script>

$( "#id_button2" ).click(function()

{

alert ($("#attr_jquery").attr("placeholder") ) ;

});

</script

Протестировать получение значения из атрибута JQuery

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

Всего комментариев : 0 Comments+ 2.0

+ =