jQuery - सामग्री और गुण प्राप्त करें
jQuery में HTML तत्वों और विशेषताओं को बदलने और हेरफेर करने के लिए शक्तिशाली तरीके हैं।
jQuery डोम मैनिपुलेशन
JQuery का एक बहुत ही महत्वपूर्ण हिस्सा DOM में हेरफेर करने की संभावना है।
jQuery DOM संबंधित विधियों के एक समूह के साथ आता है जो तत्वों और विशेषताओं को एक्सेस करना और उनमें हेरफेर करना आसान बनाता है।
DOM = दस्तावेज़ ऑब्जेक्ट मॉडल
DOM HTML और XML दस्तावेज़ों तक पहुँचने के लिए एक मानक को परिभाषित करता है:
"W3C दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) एक प्लेटफ़ॉर्म और भाषा-तटस्थ इंटरफ़ेस है जो प्रोग्राम और स्क्रिप्ट को सामग्री, संरचना, और दस्तावेज़ की शैली।"
सामग्री प्राप्त करें - पाठ (), एचटीएमएल (), और वैल ()
डोम हेरफेर के लिए तीन सरल, लेकिन उपयोगी, jQuery के तरीके हैं:
text()
- चयनित तत्वों की पाठ सामग्री को सेट या लौटाता हैhtml()
- चयनित तत्वों की सामग्री को सेट या लौटाता है (HTML मार्कअप सहित)val()
- प्रपत्र फ़ील्ड का मान सेट या लौटाता है
निम्न उदाहरण दर्शाता है कि jQuery text()
और html()
विधियों के साथ सामग्री कैसे प्राप्त करें:
उदाहरण
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
val()
निम्न उदाहरण दर्शाता है कि jQuery विधि के साथ इनपुट फ़ील्ड का मान कैसे प्राप्त करें :
उदाहरण
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
गुण प्राप्त करें - attr ()
jQuery attr()
विधि का उपयोग विशेषता मान प्राप्त करने के लिए किया जाता है।
निम्न उदाहरण दर्शाता है कि किसी लिंक में href विशेषता का मान कैसे प्राप्त करें:
उदाहरण
$("button").click(function(){
alert($("#w3s").attr("href"));
});
अगला अध्याय बताता है कि सामग्री और विशेषता मान कैसे सेट (बदलें) करें।
jQuery व्यायाम
jQuery एचटीएमएल संदर्भ
सभी jQuery HTML विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery HTML/CSS संदर्भ पर जाएँ ।