Latest web development tutorials

مسج الحصول على وتعيين الدرجة CSS

بواسطة مسج، يمكن أن تعمل بسهولة على عناصر CSS.

عملية مسج CSS

مسج لديها عدة طرق لتشغيل CSS. سوف نتعلم ما يلي:

  • addClass () - إضافة واحد أو أكثر من الفئات إلى العنصر المحدد
  • removeClass () - حذف واحد أو أكثر من عناصر مختارة من الدرجة
  • toggleClass () - للعنصر المحدد في إضافة / إزالة عملية الطبقة التبديل
  • المغلق () - مجموعات أو عوائد سمات نمط

أمثلة على الأنماط

سيتم استخدام الأنماط التالية لكافة الأمثلة على هذه الصفحة:

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

مسج addClass) طريقة (

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

أمثلة

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

محاولة »

يمكنك أيضا تحديد في addClass () في فئات متعددة:

أمثلة

$("button").click(function(){
$("#div1").addClass("important blue");
});

محاولة »

مسج removeClass) طريقة (

يوضح المثال التالي كيفية حذف الفئة المحددة السمة عناصر مختلفة:

أمثلة

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

محاولة »

مسج toggleClass) طريقة (

يوضح المثال التالي كيفية استخدام مسج toggleClass طريقة (). طريقة تحويل عمليات العناصر المختارة إضافة / إزالة الطبقة:

أمثلة

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

محاولة »

مسج المغلق) طريقة (

سوف نشرح مسج المغلق () في الفصل التالي.