В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
jquery (42)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (1)

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

Как получить значение data с помощью jquery, сегодня будем получать значение из атрибута data в jquery! И это аналогично обращению или как обратиться к атрибуту data в jquery.

Подробно о получении значения из атрибута data в jquery!

  1. Как получить значение из атрибута data в jquery!

  1. Как получить значение из атрибута data в jquery

    Вообще... атрибут "data" - очень, очень интересный! На нем построен один из блоков "DW: HIDE & SHOW". Рекомендую к изучению!

    И вот, в том числе можно обратиться к "data" с помщью jquery, чтобы получить значение из атрибута data в jquery нам понадобится:

    Возьмем простой элемент Dom - div, поскольку id - самый лучший уникальный атрибут - будем использовать его! Как вы знаете, что атрибут "data" - это двойной атрибут, поэтому нам нужно задать вторую часть, пусть это будет "text" и у нас получится "data-text":

    <div id="get_data" data-text="Получи data с помощью jquery">Здесь элемент с атрибутом data. </div>

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

    <button id="id_button">Получить значение из data</button>

    И передадим полученное значение data в jquery в result:

    <div id="id_result">result</div>

    Переходим к jquery, нам понадобится click

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

    Используем метод "html" и "attr"

    $("#id_result").html
    (
    $("#get_data").attr("data-text")
    );

    Соберем весь код получения значения data в jquery

    <input id="get_data" data-text="Получи data с помощью jquery">

    <button id="id_button">Получить значение из data</button>

    <div id="id_result">result</div>

    <script>

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

    {

      $("#id_result").html

      (

        $("#get_data").attr("data-text")

      );

    });

    </script>

    Как работает получение значения из атрибута data в jquery?

    Для того, чтобы протестировать работу получения значения из атрибута data в jquery, нажмите по ниже идущей кнопке..."Получить значение из data"

    Здесь элемент с атрибутом data.
    result
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.014915 секунд. Подробнее