jQuery डेटा() फ़ंक्शन

Question

क्या करता है मुझे नहीं मिला है jquery function data(). का उपयोग क्या कर सकता है क्या कोई मुझे इसका कुछ उदाहरण दे सकता है इसका उपयोग कैसे किया जा सकता है?

Answer 1

एक डोम तत्व के साथ विभिन्न वस्तुओं, तार, सरणियों, आदि जोड़ने के लिए वास्तव में उपयोगी इसकी।

$(document).ready(function(){ 
    $("a").each(function(index, el){ 
     if(index % 2 == 0) 
     $(this).data('coolColor', 'Orange'); // Set the data 
     else 
     $(this).data('coolColor', 'Purple'); // Set the data 
    }).click(function(e){ 
     alert($(this).data('coolColor')); // Retrieve the data 
     e.preventDefault(); 
    }); 
}); 

यह अगर इसकी अजीब हर a टैग का चयन होता है, और सेट Orange, या Purple अगर इसकी भी: यहाँ एक मजेदार काल्पनिक इस्तेमाल होता है। यह कोड लिखने का सबसे इष्टतम तरीका नहीं है यदि आप वास्तव में ऐसा करना चाहते हैं, लेकिन यह दर्शाता है कि .data() फ़ंक्शन का उपयोग कैसे करें।

तुम भी वस्तुओं को स्टोर करने के लिए इसका इस्तेमाल कर सकते हैं:

$("#header").data('headerSettings',{ 
    color: "red", 
    cost: "$25.00", 
    time: 1000 
}); 

अब आप पृष्ठ पर है कि डेटा कहीं और पहुंच सकता है:

$("#header").data('headerSettings').color; 

Answer 2

jQuery documentation यह सार बहुत अच्छी तरह से:

तत्व के लिए एक अद्वितीय ID देता है।

आमतौर पर यह फ़ंक्शन केवल आंतरिक रूप से उपयोग किया जाएगा। आप इस तरह से डेटा() विधि का उपयोग नहीं करेंगे। यह जब आवश्यक जब अन्य डेटा का उपयोग कर() कार्यक्षमता स्वचालित रूप से कहा जाता है।

असल में यह फ़ंक्शन अन्य jQuery फ़ंक्शंस का समर्थन करने के लिए मौजूद है। इस फ़ंक्शन को अनदेखा करना सबसे अच्छा है क्योंकि यह jQuery API के सार्वजनिक इंटरफ़ेस का हिस्सा नहीं है।

Answer 3

यह आपको किसी भी प्रकार के डेटा को DOM तत्व से संबद्ध करने की अनुमति देता है। कुछ उदाहरणों के लिए this ब्लॉग पोस्ट देखें।

Answer 4

मुझे लगता है कि इस सवाल का थोड़ा अधिक ध्यान देने की जरूरत। jQuery के data एपीआई विभिन्न उपयोग-मामलों के लिए वास्तव में शक्तिशाली है।

jQuery का डेटा फ़ंक्शन आपको किसी भी jQuery ऑब्जेक्ट के साथ किसी भी संबंधित डेटा को स्टोर और पुनर्प्राप्त करने की अनुमति देता है।

जाहिर है, यह भी data- गुण html में किसी भी नोड पर सेट पढ़ने के लिए इस्तेमाल किया जा सकता।

उदाहरण 1

HTML: <div id="myNode" data-foo="bar"></div>।

jQuery कोड: $("#myNode").data("foo") //bar

उदाहरण 2

इसी तरह मैं किसी भी नोड w.r.t एक मूल्य भी स्टोर कर सकते हैं।

jQuery कोड:

$("#myNode").data("foo","baz") $("#myNode").data("foo") //baz

एक महत्वपूर्ण बात यहाँ ध्यान देने योग्य है, कि जब एक डेटा एपीआई का उपयोग कर नोट पर एक डेटा सेट, एचटीएमएल डोम में अपडेट नहीं होता। आप HTML को अपडेट करना चाहते हैं, तो आप attr("data-foo","baz") विधि से चिपक कर सकते हैं।

एक एचटीएमएल डेटा गुण में संग्रहीत तार पढ़ सकते हैं, इसलिए आपको एक वस्तु डेटा एपीआई का उपयोग कर एक मूल्य के स्टोर करते हुए प्रदान कर सकते हैं।

विभिन्न उपयोग-मामलों में जहां डेवलपर्स एक नोड के साथ एक वस्तु लिंक कर रहे हैं।

उदा

var obj = { 
    name : "test" 
} 
$("#myNode").data("foo",obj); 

$("#myNode").data("foo") === obj //true 

आगे बढ़ो, explore the API here.