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} output करेगा

यह भी देखें

विधि removeData,
जो तत्व से डेटा हटाती है
विधि hasData,
जो तत्व में डेटा की उपस्थिति की जांच करती है
विधि attr,
जो किसी तत्व की किसी भी विशेषता को प्राप्त करने और बदलने की अनुमति देती है
JavaScript गुण dataset,
जो टैग में अपनी विशेषताएँ जोड़ने की अनुमति देता है