التعديل على CSS

طريقة css()

تحتوي jQuery على طريقة مهمة للتعديل على عناصر التصميم وهي css() .

لدى طريقة css() ثلاث تركيبات مختلفة و ذلك لإنجاز مهام مختلفة .

  • الطريقة css(name) : تعيد قيمة تابعة لخاصية CSS .
  • الطريقة css(name,value) : ضبط الخاصيات property و القيم value.
  • الطريقة css({properties}) : ضبط خاصيات و قيم متعددة .

إعادة خاصية CSS

يمكن استخدام css(name) لإرجاع قيمة خاصية محددة لأول عنصر مطابق .

مثال

$(this).css("background-color");
 

ضبط خاصية و قيمة

يمكن استخدام css(name,value) لتحديد خاصية محددة لجميع العناصر المتطابقة .

مثال يتم تطبيق خاصية محددة لجميع وسم p

$("p").css("background-color","yellow");
 

ضبط خاصية و قيمة متعددة

يمكن استخدام css({properties}) لتحديد خاصية وقيمة واحدة أو أكثر للعناصر المحددة .

مثال

$("p").css({"background-color":"yellow","font-size":"200%"});
 

طرائق height() و width()

تحتوي jQuery على طرائق مهمة للتحكم بالحجم أي طوله و عرضه .

  • height()
  • width()

مثال على التعديل على حجم العنصر

تضبط الطريقة height() جميع ارتفاع العناصر المطابقة .

مثال

$("#div1").height("200px");
 

تضبط الطريقة width() جميع عرض العناصر المطابقة .

مثال

$("#div2").width("300px");
 

طرق التعديل على عناصر CSS
خاصيات CSS الشرح
$(selector).css(name) ضبط قيمة خاصية التصميم لأول عنصر يتم مطابقة معه .
$(selector).css(name,value) ضبط القيمة لخاصية تصميم واحدة للعناصر المطابقة .
$(selector).css({properties}) ضبط خاصيات تصميم متعددة للعناصر المطابقة .
$(selector).height(value) ضبط الارتفاع للعناصر المطابقة
$(selector).width(value) ضبط العرض للعناصر المطابقة