طريقة jQuery innerWidth()

طرق HTML/CSS jQuery

يحصل طريقة innerWidth() على أو يضبط عرض العنصر المحدد (بما في ذلك padding، لكنه لا يشمل margin وborder).

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

عند استخدام طريقة innerWidth()ضبطعند ضبط العرض، فإنه يضبطجميع العناصر المحددةالعرض.

كما هو موضح في الشكل التالي، يشمل طريقة innerWidth() padding، لكنه لا يشمل margin وborder:

يمكن أن يكون قيمة العرض أيضًا نسبية. إذا تم تقديم سلسلة من الحروف + أو - كتحليل مقدم، فإن عرض الهدف يتم حسابه عن طريق إضافة أو طرح الرقم المقدم من القيمة الحالية (مثل innerWidth("-= 100"))

النحو:

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

$(selector).innerWidth()

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

$(selector).innerWidth(value)

مثال

الحصول على عرض العنصر الداخلي DIV:

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

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

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

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

($("#btn1")).click(function() {
　　($("p")).innerWidth(100);
});
($("#btn2")).click(function() {
　　$("p").innerWidth("10em");}}
});
$("#btn3").click(function(){
　　$("p").innerWidth("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