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)

नए चयनकर्ता एलिमेंट की चौड़ाई को वापस करने के लिए फ़ंक्शन निर्धारित करें

  • index - वैकल्पिक।चयनकर्ता के index स्थान को स्वीकार करता है
  • oldvalue - वैकल्पिक।चयनकर्ता के मौजूदा मूल्य को स्वीकार करता है。

आप खुद सबसे प्रयास करें

अधिक उदाहरण

दस्तावेज़ और विंडो एलिमेंट की चौड़ाई प्राप्त करें
document और window एलिमेंट की वर्तमान चौड़ाई प्राप्त करने के लिए width() विधि का उपयोग करें
em और % मूल्यों का उपयोग करके चौड़ाई निर्धारित करें
निर्दिष्ट की गई लंबाई इकाई का उपयोग करके एलिमेंट की चौड़ाई निर्धारित करें。