طريقة CSS() في jQuery

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

يقدم هذا الطريقة وسيلة سريعة لتطبيق النمط (النمط المدمج) مباشرة على عنصر HTML.

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

للحصول على قيمة خاصية CSS المحددة، استخدم الجملة التالية:

$(selector).css(property)

النموذج التطبيقي أدناه يعود إلى لون الخلفية للDIV المضغوط:

$("div").click(function(){
　　$(this).css("background-color");
});

إعداد خاصية CSS والقيمة

لإعداد خاصية CSS المحددة والقيمة، استخدم الجملة التالية:

$(selector).css(property,　value)

النموذج التطبيقي أدناه يضبط خاصية اللون لجميع الفقرات:

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

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

باستخدامcss()الطريقةإعدادعندما يتم تعيين قيمة السمة، فإنه سيكونجميع العناصر المحددةإعداد زوجات السمات/القيم.

إعداد عدة خصائص CSS وأسعار

لإعداد عدة خصائص CSS وأسعار، استخدم الجملة التالية:

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

في هذا المثال، تم تعيين عدة خصائص CSS وأسعار لجميع الفقرات:

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font-size": "1.3em",
　　　　"background-color": "#4285f4",
　　　　"padding": "20px"　　
　　});
});

مرجع CSS لjQuery

للحصول على مرجع شامل لطرق CSS، يرجى زيارةمرجع HTML / CSS لjQuery.