outerWidth मेथड
outerWidth मेथड आपको आंतरिक पैडिंग,
बॉर्डर और वैकल्पिक रूप से - एलिमेंट के बाहरी मार्जिन को ध्यान में रखते हुए
एलिमेंट की चौड़ाई प्राप्त करने और बदलने की अनुमति देता है। यह याद रखना महत्वपूर्ण है
कि हमें चौड़ाई का 'गणना किया गया मान' (computed width)
प्राप्त होगा।
गणना में त्रुटियाँ तब भी हो सकती हैं जब
उपयोगकर्ता पेज का आकार बदलता है, और यदि
एलिमेंट या उसके पैरेंट छिपे हुए हैं।
सिंटैक्स
इस तरह हम एलिमेंट की चौड़ाई प्राप्त कर सकते हैं। यह मेथड
true या false (false डिफ़ॉल्ट रूप से सेट है)
के रूप में एक वैकल्पिक पैरामीटर ले सकता है,
यह निर्भर करता है कि बाहरी
मार्जिन शामिल किए जाएंगे या नहीं। कुछ मामलों में
प्राप्त मान भिन्नात्मक हो सकते हैं:
$(सिलेक्टर).outerWidth([मार्जिन_शामिल]);
एलिमेंट की चौड़ाई बदलने के लिए - आप बस एक नंबर
(उदाहरण के लिए 400) पास कर सकते हैं, तो माप की इकाई
पिक्सेल होगी, या एक स्ट्रिंग,
जिसमें माप की इकाई निर्दिष्ट हो (उदाहरण के लिए
'10em'):
$(सिलेक्टर).outerWidth(नया मान, [मार्जिन_शामिल]);
हम सेट में प्रत्येक एलिमेंट पर एक निर्दिष्ट फ़ंक्शन
भी लागू कर सकते हैं। इस मामले में फ़ंक्शन
पहले पैरामीटर के रूप में सेट में एलिमेंट की अनुक्रम संख्या प्राप्त करेगा, और दूसरे पैरामीटर
के रूप में - उस विशेष एलिमेंट के लिए वर्तमान चौड़ाई मान।
फ़ंक्शन के अंदर this
वर्तमान एलिमेंट की ओर इशारा करेगा।
एलिमेंट की चौड़ाई का मान उस मान पर बदल जाएगा,
जो फ़ंक्शन द्वारा वापस किया जाता है:
$(सिलेक्टर).outerWidth(function(सेट में अनुक्रम संख्या, चौड़ाई का वर्तमान मान));
उदाहरण
आइए तुलना के लिए
पैराग्राफ #test की चौड़ाई के बारे में जानकारी प्रदर्शित करें,
जो width,
innerWidth और
outerWidth मेथड द्वारा प्राप्त की गई है:
<p id="test">टेक्स्ट</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>
p {
margin: 10px;
padding: 5px;
border: 2px solid blue;
}
let w1 = $('#test').width();
let w2 = $('#test').innerWidth();
let w3 = $('#test').outerWidth(false);
let w4 = $('#test').outerWidth(true);
$('#out1').text(w1);
$('#out2').text(w2);
$('#out3').text(w3);
$('#out4').text(w4);
यह भी देखें
-
widthमेथड,
जो एलिमेंट की चौड़ाई प्राप्त करने और बदलने की अनुमति देता है -
innerWidthमेथड,
जो एलिमेंट की चौड़ाई प्राप्त करने और बदलने की अनुमति देता है, इसकी आंतरिक पैडिंग को ध्यान में रखते हुए
