طريقة jQuery OuterWidth ()

❮ أساليب jQuery HTML / CSS

مثال

قم بإرجاع العرض الخارجي لعنصر <div>:

$("button").click(function(){
  alert($("div").outerWidth());
});

التعريف والاستخدام

ترجع طريقة externalWidth () العرض الخارجي للعنصر المطابق الأول.

كما توضح الصورة أدناه ، تشتمل هذه الطريقة على المساحة المتروكة والحدود.

نصيحة: لتضمين الهامش ، استخدم العرض الخارجي (صواب).

أبعاد jQuery


الطرق ذات الصلة:

  • العرض () - يضبط أو يُرجع عرض العنصر
  • الارتفاع () - تعيين أو إرجاع ارتفاع العنصر
  • innerWidth () - إرجاع عرض عنصر (بما في ذلك المساحة المتروكة)
  • innerHeight () - إرجاع ارتفاع عنصر (بما في ذلك المساحة المتروكة)
  • ExternalHeight () - إرجاع ارتفاع عنصر (بما في ذلك المساحة المتروكة والحدود).

بناء الجملة

$(selector).outerWidth(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

جربها بنفسك - أمثلة


Specifiy سواء كان سيتم تضمين الهامش أم لا.


كيفية استخدام العرض () والارتفاع () والارتفاع الداخلي () والعرض الداخلي () والعرض الخارجي () والارتفاع الخارجي ().


❮ أساليب jQuery HTML / CSS