data մեթոդը

data մեթոդը թույլ է տալիս ցանկացած տիպի տվյալներ ապահով կերպով կցել DOM էլեմենտներին, ինչը խուսափում է հիշողության արտահոսքից: Մենք կարող ենք մեկ էլեմենտի համար սահմանել մի քանի տարբեր արժեքներ և դրանք հետագայում ստանալ: data մեթոդի օգտագործումը տվյալների թարմացման համար չի ազդում DOM-ի ատրիբուտների վրա:

Շարահյուսություն

Այսպես մենք սահմանում ենք արժեք որևէ էլեմենտի համար և բանալի, որով այն կարելի է գտնել ավելի ուշ:

javascript.data(բանալի, արժեք);

Նաև կարող ենք փոխանցել օբյեկտ, որը պարունակում է բանալի-արժեք զույգեր տվյալները թարմացնելու համար:

javascript.data(օբյեկտ);

Կարելի է ստանալ jQuery հավաքածուի առաջին էլեմենտի հետ կապված տվյալները՝ փոխանցելով միայն բանալին:

javascript.data(բանալի);

Ոչ մի պարամետր չփոխանցելով՝ մենք կարող ենք կարդալ նախկինում DOM էլեմենտներին կցված տվյալները: Մեթոդը կվերադարձնի JavaScript օբյեկտ, որը պարունակում է յուրաքանչյուր արժեք որպես հատկություն:

javascript.data();

Օրինակ

Եկեք օգտագործենք data՝ p թեգի համար տվյալներ սահմանելու համար՝ որպես առաջին պարամետր փոխանցելով 'test' և երկրորդի համար 21 արժեքը: Այնուհետև կարդանք 'test' բանալիով պահպանված տվյալները:

html<p>տեքստ</p>
javascript$('p').data('test', 21); // այստեղ տվյալները գրանցվում են

console.log($('p').data('test')); // կարտածի 21 թիվը
console.log($('p').data()); // կարտածի {test: 21} օբյեկտը

Տես նաև

  • removeData մեթոդը,
    որը հեռացնում է տվյալները էլեմենտից
  • hasData մեթոդը,
    որը ստուգում է տվյալների առկայությունը էլեմենտում
  • attr մեթոդը,
    որը թույլ է տալիս ստանալ և փոխել էլեմենտի ցանկացած ատրիբուտ
  • JavaScript-ի dataset հատկությունը,
    որը թույլ է տալիս ավելացնել սեփական ատրիբուտներ թեգերին