jQuery के साथ छिपे हुए तत्वों की ऊंचाई पुनर्प्राप्त करना

छिपे हुए तत्वों के साथ काम करते समय, विभिन्न उद्देश्यों के लिए उनके आयामों को पुनः प्राप्त करना आवश्यक हो सकता है। हालाँकि, किसी तत्व की ऊंचाई प्राप्त करने के पारंपरिक तरीके विफल हो सकते हैं यदि तत्व दिखाई नहीं दे रहा है। इसकी ऊंचाई, और फिर इसे फिर से छिपाना बोझिल और अक्षम है।

वैकल्पिक समाधान

jQuery एक अधिक कुशल समाधान प्रदान करता है:

अस्थायी रूप से तत्व की शैली विशेषताओं में हेरफेर करें:

1. स्थिति को पूर्ण पर सेट करें (यदि तत्व पहले से ही पूर्ण स्थिति में है तो वैकल्पिक)

   दृश्यता को छुपे हुए पर सेट करें (तत्व को अदृश्य बनाएं)

   प्रदर्शन को ब्लॉक पर सेट करें (तत्व को दृश्यमान बनाएं, लेकिन मुख्य दस्तावेज़ प्रवाह में नहीं)
   • मापें ऊंचाई:
   • jQuery की .height() विधि का उपयोग करके तत्व की ऊंचाई प्राप्त करें।
विशेषताओं को पुनर्स्थापित करें:
2. attr() विधि का उपयोग करके तत्व की शैली विशेषताओं को उनके मूल मानों पर रीसेट करें या स्टाइल प्रॉपर्टी को सीधे सेट करके। ; $("#myDiv").css({ स्थिति: 'पूर्ण', दृश्यता: 'छिपा हुआ', प्रदर्शन: 'ब्लॉक' }); var optionHeight = $("#myDiv").height(); $("#myDiv").attr("style", beforeCss ? beforeCss : "");यह विधि आपको पृष्ठ के लेआउट या दृश्यता को प्रभावित किए बिना किसी छिपे हुए तत्व की ऊंचाई को विवेकपूर्वक मापने की अनुमति देती है .