Data әдісі

data әдісі кез келген типтегі деректерді DOM элементтеріне жады ағынынан сақтайтын қауіпсіз тәсілмен байланыстыруға мүмкіндік береді. Біз элемент үшін бірнеше әртүрлі мәндерді орнатып, оларды кейінірек ала аламыз. data әдісін деректерді жаңарту үшін қолдану DOM-дағы атрибуттарға әсер етпейді.

Синтаксис

Біз бір элемент үшін мән мен кілтті осылай орнатамыз, ол арқылы оны кейінірек табуға болады:

.data(кілт, мән);

Сондай-ақ біз деректерді жаңарту үшін кілт-мән жұптарын қамтитын нысанды бере аламыз:

.data(нысан);

Тек кілтті беру арқылы jQuery жиынындағы бірінші элементке байланысты деректерді алуға болады:

.data(кілт);

Ешқандай параметрлер бермей, біз бұрын DOM элементтерімен байланыстырылған деректерді оқи аламыз. Әдіс әрбір мәнді қасиет ретінде қамтитын JavaScript нысанын қайтарады:

.data();

Мысал

data көмегімен p тегі үшін деректерді орнатайық, бірінші параметр ретінде 'test' және екінші үшін 21 мәнін беріп. Содан кейін 'test' кілтімен сақталған деректерді оқимыз:

<p>мәтін</p>

$('p').data('test', 21); // мұнда деректер жазылады

console.log($('p').data('test')); // 21 санын шығарады
console.log($('p').data()); // {test: 21} нысанын шығарады

Сондай-ақ қараңыз

removeData әдісі,
элементтен деректерді жояды
hasData әдісі,
элементте деректердің барлығын тексереді
attr әдісі,
элементтің кез келген атрибутын алуға және өзгертуге мүмкіндік береді
JavaScript қасиеті dataset,
тегтерге өз атрибуттарыңызды қосуға мүмкіндік береді