jQuery चौड़ाई () विधि :
❮ jQuery के एचटीएमएल/सीएसएस तरीके
उदाहरण
<div> तत्व की चौड़ाई लौटाएं:
$("button").click(function(){
alert($("div").width());
});
परिभाषा और उपयोग
चौड़ाई () विधि चयनित तत्वों की चौड़ाई निर्धारित या लौटाती है।
जब इस विधि का उपयोग चौड़ाई वापस करने के लिए किया जाता है , तो यह पहले मिलान वाले तत्व की चौड़ाई लौटाता है।
जब इस विधि का उपयोग चौड़ाई निर्धारित करने के लिए किया जाता है, तो यह सभी मिलान किए गए तत्वों की चौड़ाई निर्धारित करता है।
जैसा कि नीचे दिया गया चित्र दिखाता है, इस पद्धति में पैडिंग, बॉर्डर या मार्जिन शामिल नहीं है।
संबंधित तरीके:
- ऊंचाई () - किसी तत्व की ऊंचाई सेट या लौटाता है
- इनरविड्थ () - तत्व की चौड़ाई लौटाता है (पैडिंग सहित)
- आंतरिक हाइट () - तत्व की ऊंचाई लौटाता है (पैडिंग सहित)
- आउटरविड्थ () - तत्व की चौड़ाई देता है (पैडिंग और बॉर्डर सहित)।
- बाहरी हाइट () - तत्व की ऊंचाई लौटाता है (पैडिंग और बॉर्डर सहित)।
वाक्य - विन्यास
चौड़ाई वापस करें:
$(selector).width()
चौड़ाई निर्धारित करें:
$(selector).width(value)
फ़ंक्शन का उपयोग करके चौड़ाई सेट करें:
$(selector).width(function(index,currentwidth))
Parameter | Description |
---|---|
value | Required for setting width. Specifies the width in px, em, pt, etc. Default unit is px |
function(index,currentwidth) | Optional. Specifies a function that returns the new width of selected elements
|
इसे स्वयं आज़माएं - उदाहरण
की चौड़ाई निर्धारित करें विभिन्न इकाइयों का उपयोग करके किसी तत्व की चौड़ाई कैसे निर्धारित करें।
किसी तत्व की चौड़ाई कम करने के लिए फ़ंक्शन का उपयोग कैसे करें।
की वर्तमान चौड़ाई कैसे लौटाएँ।
करें चौड़ाई (), ऊंचाई (), इनरहाइट (), इनरविड्थ (), बाहरीविड्थ () और बाहरी हाइट () का उपयोग कैसे करें।
छोटी स्क्रीन पर पृष्ठ की पृष्ठभूमि का रंग कैसे बदलें।
❮ jQuery के एचटीएमएल/सीएसएस तरीके