طريقة jQuery outerWidth()

طرق HTML/CSS jQuery

طريقة outerWidth() للحصول أو تعيين عرض العنصر المحدد (باستثناء الحشوات والهوامش).

outerWidth(true)للحصول أو تعيين عرض العنصر المحدد (باستثناء الحشوات والهوامش والهوامش).

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

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

كما هو موضح في الشكل التالي، يحتوي طريقة externalWidth() على الحشوات والهوامش:

لإضافة الهوامش، استخدم outerWidth (true).

النحو:

الحصول على عرض الخارجي:

$(selector).outerWidth()

الحصول على عرض الخارجي بما في ذلك الهوامش:

$(selector).outerWidth(true)

ضبط العرض الخارجي:

$(selector).outerWidth(value)

مثال

الحصول على عرض العنصر div الخارجي:

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

الحصول على عرض العنصر div الخارجي (باستثناء الهوامش):

$("div").click(function(){
　　$(this).outerWidth(true);
});

ضبط عرض جميع الفقرات الخارجي:

$("button").click(function(){
　　$("p").outerWidth(100);
});

استخدام وحدات مختلفة لضبط عرض جميع الفقرات الخارجي:

$("#btn1").click(function(){
　　$("p").outerWidth(100);
});
$("#btn2").click(function(){
　　$("p").outerWidth("10em");}}
});
$("#btn3").click(function(){
　　$("p").outerWidth("100vw");
});

إظهار الفرق بين width()،height()،innerHeight()،innerWidth()،outerWidth() و outerHeight():

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

قيمة المعلمة

طرق HTML/CSS jQuery