مثال
إعادة عرض ل <div> العنصر:
$("button").click(function(){
alert($("div").width());
});
انها محاولة لنفسك » تعريف واستخدام
و width() مجموعات طريقة أو ترجع عرض العناصر المحددة.
عند استخدام هذه الطريقة للعودة عرض، فإنها ترجع عرض العنصر يقابل الأول.
عند استخدام هذا الأسلوب لتعيين العرض، يقوم بتعيين عرض جميع العناصر المتطابقة.
كما يوضح الصورة أدناه، لا تتضمن هذه الطريقة الحشو، والحدود، أو الهامش.
طرق ذات الصلة:
- height() - مجموعات أو إرجاع ارتفاع عنصر
- innerWidth() - إرجاع عرض عنصر (ويشمل الحشو)
- innerHeight() - إرجاع ارتفاع عنصر (ويشمل الحشو)
- outerWidth() - إرجاع عرض عنصر (ويشمل الحشو والحدود).
- outerHeight() - إرجاع ارتفاع عنصر (ويشمل الحشو والحدود).
بناء الجملة
إعادة العرض:
$(selector).width()
تعيين عرض:
$(selector).width(value)
تعيين عرض باستخدام الدالة:
$(selector).width(function(index,currentwidth))
| معامل | وصف |
|---|---|
| value | اللازمة لوضع العرض. يحدد عرض في مقصف، طب الطوارئ، وحزب العمال، وما إلى ذلك وحدة الافتراضية هي بكسل |
| function(index,currentwidth) | اختياري. يحدد دالة تقوم بإرجاع عرض جديد من العناصر المختارة
|
انها محاولة لنفسك - أمثلة
تعيين عرض عنصر
كيفية تعيين عرض عنصر باستخدام وحدات مختلفة.
تقليل عرض باستخدام وظيفة
كيفية استخدام وظيفة لتقليل عرض عنصر.
إعادة عرض عناصر وثيقة ونافذة
كيفية إعادة عرض الحالي للعناصر وثيقة ونافذة.
أبعاد الشاشة مع وسائل ذات الصلة
كيفية استخدام width(), height(), innerHeight(), innerWidth(), outerWidth() و outerHeight() .
تصميم تستجيب مع width()
كيفية تغيير لون خلفية الصفحة على الشاشات الصغيرة.