إجراءات CSS jQuery - دالة width()

كتيب إجراءات CSS jQuery

مثال

ضبط عرض عنصر <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

تجربة شخصية

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

تتولى دالة width() تعيين أو العودة إلى عرض العنصر المتطابق.

يعود إلى العرض

يعود إلى عرض العنصر الأول المتطابق.

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

النحو

$(مصفوفة).width()

تجربة شخصية

ضبط العرض

ضبط عرض جميع العناصر التي تتطابق.

النحو

$(مصفوفة).width(طول)
المتغيرات وصف
طول

اختياري. تحديد عرض العنصر.

إذا لم يحدد وحدة القياس، يتم استخدام وحدة px الافتراضية.

تجربة شخصية

استخدام الدالة لضبط العرض

استخدام الدالة لضبط عرض جميع العناصر التي تتطابق.

النحو

$(مصفوفة).width(دالة(index,oldwidth))
المتغيرات وصف
دالة(index,oldwidth)

تحديد دالة لتحديد عرض العنصر المحدد.

  • index - اختياري. يقبل موقع المصفوفة للمصفوفة
  • oldvalue - اختياري. يقبل القيمة الحالية للمصفوفة.

تجربة شخصية

مزيد من الأمثلة

الحصول على عرض العنصر document وwindow
استخدام دالة width() للحصول على عرض العنصر document وwindow الحالي.
استخدام قيم em و % لضبط العرض
استخدام وحدة القياس المحددة لضبط عرض العنصر.

كتيب إجراءات CSS jQuery