أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery - الحصول على وتعيين فئات CSS

❮ السابق التالي الفصل ❯

مع مسج، فمن السهل التلاعب المغلق من العناصر.


مسج التلاعب CSS

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

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

مثال الأنماط

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

.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");
});
انها محاولة لنفسك »

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

ومسج css() وسيتم شرح طريقة في الفصل التالي.

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4»

مسج CSS المرجعي

لمحة كاملة عن أساليب مسج المغلق، يرجى زيارة موقعنا مسج HTML / CSS المرجعي .


❮ السابق التالي الفصل ❯