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 ਅਤੇ % ਮੁੱਲਾਂ ਨਾਲ ਚੌਡਾਈ ਸੈਟ ਕਰੋ
ਇੱਕ ਨਿਰਦਿਸ਼ਟ ਲੰਬਾਈ ਇਕਾਈ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。