height मेथड

height मेथड एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है। यह याद रखना महत्वपूर्ण है कि हम ऊंचाई का 'गणना किया गया मान' प्राप्त करेंगे (computed height)। css('height') मेथड के विपरीत, यह एक आयामहीन मात्रा लौटाता है (उदाहरण के लिए 400) और गणितीय गणनाओं के लिए सुविधाजनक है। यह मेथड एलिमेंट की कंटेंट ऊंचाई प्राप्त करता है, चाहे CSS प्रॉपर्टी box-sizing निर्दिष्ट हो या नहीं। अनावश्यक गणनाओं से बचने के लिए, css('height') का उपयोग करने की सिफारिश की जाती है। गणना में त्रुटियाँ तब भी हो सकती हैं जब उपयोगकर्ता पेज के आकार बदलता है, और यदि एलिमेंट या उसके पैरेंट छिपे हुए हैं। ऊंचाई का मान पैडिंग और बॉर्डर के मानों को ध्यान में नहीं रखता है।

सिंटैक्स

एलिमेंट की ऊंचाई प्राप्त करना। कुछ मामलों में प्राप्त मान भिन्नात्मक हो सकते हैं:

$(selector).height();

एलिमेंट की ऊंचाई बदलने के लिए - बस एक नंबर पास किया जा सकता है (उदाहरण के लिए 400), तो माप की इकाई पिक्सेल होगी, या एक स्ट्रिंग, माप की इकाइयों के साथ (उदाहरण के लिए '10em'):

$(selector).height(naya maan);

हम दिए गए फंक्शन को सेट में प्रत्येक एलिमेंट पर लागू कर सकते हैं। इस मामले में फंक्शन पहले पैरामीटर के रूप में सेट में एलिमेंट की इंडेक्स प्राप्त करेगा, और दूसरे पैरामीटर के रूप में - उस विशिष्ट एलिमेंट के लिए वर्तमान ऊंचाई मान। फंक्शन के अंदर this वर्तमान एलिमेंट की ओर इशारा करेगा।

एलिमेंट की ऊंचाई का मान उस मान पर बदल जाएगा, जो फंक्शन वापस करता है:

$(selector).height(function(set mein index, oonchaai ka vartamaan maan));

उदाहरण

आइए #test पर क्लिक करने पर इसकी ऊंचाई 30px मान में बदल दें, height मेथड का उपयोग करके, और css की मदद से इसकी बैकग्राउंड को हरे रंग में बदल दें:

<div id="test"></div>

#test {
	width: 50px; 
	height: 90px;
	background: red; 
	color: white;
	margin-top: 10px; 
	cursor: pointer;
}

$('#test').one('click', function() {
	$(this).height(30).css({
		cursor: 'auto',
		backgroundColor: 'green'
	});
});

यह भी देखें

width मेथड,
जो एलिमेंट की चौड़ाई प्राप्त करने और बदलने की अनुमति देता है
innerHeight मेथड,
जो एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है, इसकी आंतरिक पैडिंग को ध्यान में रखते हुए
outerHeight मेथड,
जो एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है, इसकी पैडिंग और बॉर्डर को ध्यान में रखते हुए
css मेथड,
जो एलिमेंट की CSS स्टाइल प्राप्त करने और बदलने की अनुमति देता है