jQuery CSS Operation - روش width()

دستورالعمل CSS jQuery

مثال

عرض عناصر <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() عرض عناصر document و window را به دست آورید.
با استفاده از مقادیر em و % عرض را تنظیم کنید
با استفاده از واحد اندازه مشخص شده، عرض عناصر را تنظیم کنید.

دستورالعمل CSS jQuery