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,
რომელიც საშუალებას აძლევს დაამატოს საკუთარი ატრიბუტები თეგებს