أسلوب jQuery css ()

❮ أساليب jQuery HTML / CSS

مثال

عيّن خاصية اللون لجميع عناصر <p>:

$("button").click(function(){
  $("p").css("color", "red");
});

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

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

عند استخدامها لإرجاع الخصائص:
تُرجع هذه الطريقة قيمة خاصية CSS المحددة للعنصر المطابق الأول. ومع ذلك ، فإن خصائص CSS المختصرة (مثل "الخلفية" و "الحدود") ليست مدعومة بالكامل وقد تعطي نتائج مختلفة في متصفحات مختلفة.

عند استخدامها لتعيين الخصائص:
تحدد هذه الطريقة خاصية CSS المحددة لجميع العناصر المتطابقة.


بناء الجملة

إرجاع قيمة خاصية CSS:

$(selector).css(property)

قم بتعيين خاصية وقيمة CSS:

$(selector).css(property,value)

قم بتعيين خاصية وقيمة CSS باستخدام دالة:

$(selector).css(property,function(index,currentvalue))

قم بتعيين خصائص وقيم متعددة:

$(selector).css({property:value, property:value, ...})

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

جربها بنفسك - أمثلة


إرجاع قيمة خاصية CSS المحددة للعنصر المطابق الأول.


باستخدام دالة لتغيير خاصية CSS للعناصر المحددة.


كيفية تعيين خصائص وقيم CSS متعددة للعناصر المحددة.


❮ أساليب jQuery HTML / CSS