طريقة jQuery addClass()

طرق HTML/CSS جـjQuery

تضيف دالة addClass() اسم فئة واحدة أو أكثر إلى العنصر المحدد.

هذه الطريقة لن تزيل الخاصية الحالية للفئات، بل ستضيف فقط اسم فئة واحدة أو أكثر إلى الخاصية.

النحو:

إضافة الفئة:

$(selector).addClass(className)

استخدام الدالة إضافة الفئة:

$(selector).addClass(function(index,　currentClass))

مثال

إضافة اسم فئة إلى العنصر <p> الأول:

$("button").click(function(){
　　$("p:first").addClass("highlight");
});

يمكن إضافة عدة فئات (مفصولة بفواصل) إلى العنصر المحدد في وقت واحد، مثل ما يلي:

$("button").click(function(){
　　$("p:first").addClass("highlight　big");
});

استخدام الدالة إضافة الفئة:

$("p").addClass(function(index,　currentClass)　{
　　let　addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("هناك جملة باللون الأخضر");
　　}
　　return　addedClass;
});

استخدام removeClass() لحذف اسم فئة واحد، وإضافة اسم فئة جديد باستخدام addClass()

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

قيمة الم 参数

طرق HTML/CSS جـjQuery