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



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

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

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