jQuery ट्यूटोरियल

jQuery होम jQuery परिचय jQuery आरंभ करें jQuery सिंटैक्स jQuery चयनकर्ता jQuery की घटनाएँ

jQuery प्रभाव

jQuery छुपाएं/दिखाएं jQuery फीका jQuery स्लाइड jQuery चेतन jQuery स्टॉप () jQuery कॉलबैक jQuery चेनिंग

jQuery एचटीएमएल

jQuery प्राप्त करें jQuery सेट jQuery जोड़ें jQuery निकालें jQuery सीएसएस कक्षाएं jQuery सीएसएस () jQuery के आयाम

jQuery ट्रैवर्सिंग

jQuery ट्रैवर्सिंग jQuery के पूर्वज jQuery के वंशज jQuery भाई बहन jQuery फ़िल्टरिंग

jQuery AJAX

jQuery AJAX परिचय jQuery लोड jQuery प्राप्त करें/पोस्ट करें

jQuery विविध

jQuery नो कॉन्फ्लिक्ट () jQuery फिल्टर

jQuery के उदाहरण

jQuery के उदाहरण jQuery प्रश्नोत्तरी jQuery व्यायाम jQuery प्रमाणपत्र

jQuery संदर्भ

jQuery अवलोकन jQuery चयनकर्ता jQuery की घटनाएँ jQuery प्रभाव jQuery एचटीएमएल/सीएसएस jQuery ट्रैवर्सिंग jQuery AJAX jQuery विविध jQuery गुण

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 व्यायाम

व्यायाम के साथ खुद को परखें

व्यायाम:

<div> तत्व की टेक्स्ट सामग्री को वापस करने के लिए jQuery विधि का उपयोग करें ।

$("div").();


jQuery एचटीएमएल संदर्भ

सभी jQuery HTML विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery HTML/CSS संदर्भ पर जाएँ ।