jQuery CSS काम करने के तरीके - width() विधि
उदाहरण
<p> एलिमेंट की चौड़ाई सेट करें:
$(".btn1").click(function(){ $("p").width(200); });
विभावना और उपयोग
width() विधि मेल खाने वाले एलिमेंट की चौड़ाई को वापस करता या सेट करता है
चौड़ाई वापस करें
पहले मेल खाने वाले एलिमेंट की चौड़ाई वापस करता है
अगर इस विधि को पारामीटर नहीं दिया गया है तो पिक्सल में मेल खाने वाले एलिमेंट की चौड़ाई वापस करता है
व्याकरण
$(selector).width()
चौड़ाई सेट करें
सभी मेल खाने वाले एलिमेंटों की चौड़ाई को सेट करें
व्याकरण
$(selector).width(length)
पारामीटर | वर्णन |
---|---|
length |
वैकल्पिक।एलिमेंट की चौड़ाई को निर्धारित करें अगर लंबाई इकाई निर्धारित नहीं की गई है तो डिफ़ॉल्ट px इकाई का उपयोग करें |
चौड़ाई को सेट करने के लिए फ़ंक्शन का उपयोग करें
सभी मेल खाने वाले एलिमेंटों की चौड़ाई को सेट करने के लिए फ़ंक्शन का उपयोग करें
व्याकरण
$(selector).width(function(index,oldwidth))
पारामीटर | वर्णन |
---|---|
function(index,oldwidth) |
नए चयनकर्ता एलिमेंट की चौड़ाई को वापस करने के लिए फ़ंक्शन निर्धारित करें
|
अधिक उदाहरण
- दस्तावेज़ और विंडो एलिमेंट की चौड़ाई प्राप्त करें
- document और window एलिमेंट की वर्तमान चौड़ाई प्राप्त करने के लिए width() विधि का उपयोग करें
- em और % मूल्यों का उपयोग करके चौड़ाई निर्धारित करें
- निर्दिष्ट की गई लंबाई इकाई का उपयोग करके एलिमेंट की चौड़ाई निर्धारित करें。