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 प्रभाव - छुपाएं और दिखाएं


छिपाएँ, दिखाएँ, टॉगल करें, स्लाइड करें, फ़ेड करें और चेतन करें। बहुत खूब!

पैनल दिखाने/छिपाने के लिए क्लिक करें

क्योंकि समय मूल्यवान है, हम त्वरित और आसान शिक्षा प्रदान करते हैं।

W3Schools में, आप एक सुलभ और आसान प्रारूप में, सीखने के लिए आवश्यक हर चीज का अध्ययन कर सकते हैं।


उदाहरण


एक साधारण jQuery छुपा() विधि प्रदर्शित करता है।


एक और छुपाएं() प्रदर्शन। टेक्स्ट के कुछ हिस्सों को कैसे छिपाएं।


jQuery छुपाएं () और दिखाएं ()

JQuery के साथ, आप HTML तत्वों को hide()और show()विधियों के साथ छिपा और दिखा सकते हैं:

उदाहरण

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

वाक्य - विन्यास:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

वैकल्पिक गति पैरामीटर छिपाने/दिखाने की गति निर्दिष्ट करता है, और निम्नलिखित मान ले सकता है: "धीमा", "तेज़", या मिलीसेकंड।

hide()वैकल्पिक कॉलबैक पैरामीटर या विधि पूर्ण होने के बाद निष्पादित किया जाने वाला फ़ंक्शन है show()(आप बाद के अध्याय में कॉलबैक फ़ंक्शंस के बारे में अधिक जानेंगे)।

निम्न उदाहरण गति पैरामीटर को प्रदर्शित करता है hide():

उदाहरण

$("button").click(function(){
  $("p").hide(1000);
});


jQuery टॉगल ()

toggle()आप विधि के साथ किसी तत्व को छिपाने और दिखाने के बीच भी टॉगल कर सकते हैं ।

दिखाए गए तत्व छिपे हुए हैं और छिपे हुए तत्व दिखाए गए हैं:

उदाहरण

$("button").click(function(){
  $("p").toggle();
});

वाक्य - विन्यास:

$(selector).toggle(speed,callback);

वैकल्पिक गति पैरामीटर निम्नलिखित मान ले सकता है: "धीमा", "तेज़", या मिलीसेकंड।

वैकल्पिक कॉलबैक पैरामीटर पूर्ण होने के बाद निष्पादित किया जाने वाला फ़ंक्शन है toggle()


jQuery व्यायाम

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

व्यायाम:

जब किसी <p> तत्व पर क्लिक किया जाता है तो उसे छिपाने के लिए jQuery विधि का उपयोग करें ।

$("p").click(function(){
  $(this).();
});


jQuery प्रभाव संदर्भ

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