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 հատկությունը,
որը թույլ է տալիս ավելացնել սեփական ատրիբուտներ թեգերին