jQuery सामग्री और एट्रिब्यूट प्राप्त करना

jQuery के पास HTML एलीमेंट और एट्रिब्यूट को ऑपरेशन करने के लिए मजबूत विधियाँ हैं。

jQuery DOM ऑपरेशन

jQuery में अत्यंत महत्वपूर्ण हिस्सा, DOM का ऑपरेशन करने की क्षमता है。

jQuery एक श्रृंखला ऑपरेशनों को प्रदान करता है जो DOM से संबंधित है, जिससे एलीमेंट और एट्रिब्यूट की एक्सेस और ऑपरेशन करना आसान हो जाता है。

सूचना:DOM = डॉक्यूमेंट ऑब्जैक्ट मॉडल (Document Object Model)

DOM = डॉक्यूमेंट ऑब्जैक्ट मॉडल (Document Object Model) डिफाइनिट करता है:

“W3C डॉक्यूमेंट ऑब्जैक्ट मॉडल (DOM) प्लेटफॉर्म और भाषा से निर्भर नहीं है, इससे कार्यक्रम और स्क्रिप्ट डॉक्यूमेंट के सामग्री, संरचना और शैली को डायनामिक रूप से एक्सेस करने और अद्यतन करने में सक्षम होते हैं。”

सामग्री प्राप्त करना - text()、html() और val()

तीन साधारण और उपयोगी DOM ऑपरेशन के लिए jQuery विधियाँ:

  • text() - चयनित एलीमेंट के टेक्स्ट सामग्री को सेट करना या प्राप्त करना
  • html() - चयनित एलीमेंट के सामग्री को सेट करना या प्राप्त करना (एचटीएमएल टैग सहित)
  • val() - फॉर्म फील्ड का मूल्य सेट करना या प्राप्त करना

नीचे दिए गए उदाहरण में देखें कि jQuery text() और html() विधि के द्वारा सामग्री कैसे प्राप्त की जाती है:

उदाहरण

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

अपने आप साबित करें

नीचे दिए गए उदाहरण में देखें कि कैसे jQuery val() विधि के द्वारा इनपुट फील्ड का मूल्य प्राप्त किया जाता है:

उदाहरण

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

अपने आप साबित करें

एट्रिब्यूट प्राप्त करना - attr()

jQuery attr() विधि एट्रिब्यूट के मूल्य को प्राप्त करने के लिए उपयोग की जाती है。

नीचे दिए गए उदाहरण में देखें कि कैसे लिंक में href एट्रिब्यूट का मूल्य प्राप्त किया जाता है:

उदाहरण

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

अपने आप साबित करें

अगला अध्याय इस बारे में बताएगा कि कैसे (बदलने के लिए) सामग्री और एट्रिब्यूट की मूल्य विधि निर्धारित करें।

jQuery HTML संदर्भ पुस्तिका

यदि आप jQuery HTML विधियों के पूर्ण सामग्री के बारे में जानना चाहते हैं, तो नीचे दिए गए संदर्भ पुस्तिका को देखें: