jQuery عملیاتی CSS - روش width()

jQuery CSS عملیاتی مرجع

مثال

تنظیم عرض عنصر <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

با خود امتحان کنید

تعریف و استفاده

روش width() width() یا تنظیم و بازگرداندن عرض عنصر تطابق یافته.

عرض بازمی‌گرداند

عرض اولین عنصر تطابق یافته را بازمی‌گرداند.

اگر برای این روش پارامتری تنظیم نشود، عرض تطابق یافته به پیکسل بازمی‌گرداند.

قانون‌نویسی

$(selector).width()

با خود امتحان کنید

عرض تنظیم می‌کند

عرض همه عناصر تطابق یافته را تنظیم می‌کند.

قانون‌نویسی

$(selector).width(length)
پارامترها توضیح
length

اختیاری. عرض عنصر را مشخص می‌کند.

اگر واحد طول مشخص نشده باشد، از واحد پیش‌فرض px استفاده می‌شود.

با خود امتحان کنید

با استفاده از تابع برای تنظیم عرض

با استفاده از تابع برای تنظیم عرض همه عناصر تطابق یافته.

قانون‌نویسی

$(selector).width(تابع(index,oldwidth))
پارامترها توضیح
تابع(index,oldwidth)

تعیین کردن تابعی که عرض جدید عنصر انتخاب شده را بازمی‌گرداند.

  • index - اختیاری. موقعیت index انتخابگر را می‌پذیرد
  • oldvalue - اختیاری. مقادیر فعلی انتخابگر را می‌پذیرد.

با خود امتحان کنید

مثال‌های بیشتر

دریافت عرض عنصر document و window
با استفاده از روش width() برای دریافت عرض فعلی عنصر document و window.
با استفاده از مقادیر em و % برای تنظیم عرض
با استفاده از واحد طول مشخص شده برای تنظیم عرض عنصر.

jQuery CSS عملیاتی مرجع