addClass մեթոդը

addClass մեթոդը ավելացնում է տրված CSS դասը տարրին:

Շարահյուսություն

Մեկ CSS դաս.

javascript$(ընտրիչ).addClass(CSS դասի անուն);

Մի քանի CSS դասեր (տողով).

javascript$(ընտրիչ).addClass('դաս1 դաս2 դաս3 ...');

Մի քանի CSS դասեր (զանգվածով).

javascript$(ընտրիչ).addClass(['դաս1', 'դաս2', 'դաս3', '...']);

Ֆունկցիայի կիրառում հավաքածուի յուրաքանչյուր տարրի նկատմամբ.

javascript$(ընտրիչ).addClass(function(համար հավաքածուում, տարրի ընթացիկ CSS դասերը));

Օրինակ

Մեր պարբերությունը ընդհանրապես դասեր չունի: Եկեք ավելացնենք դրան www դասը.

html<p id="test">տեքստ</p>
javascript$('#test').addClass('www');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test" class="www">տեքստ</p>

Օրինակ

Մեր պարբերությունն արդեն ունի դաս: Եկեք ավելացնենք դրան նաև www դասը.

html<p id="test" class="eee">տեքստ</p>
javascript$('#test').addClass('www');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test" class="eee www">տեքստ</p>

Օրինակ

Մեր պարբերությունն արդեն ունի երկու դաս: Եկեք ավելացնենք դրան նաև www դասը.

html<p id="test" class="eee ggg">տեքստ</p>
javascript$('#test').addClass('www');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test" class="eee ggg www">տեքստ</p>

Օրինակ

Մեր պարբերությունն արդեն ունի դաս: Եկեք ավելացնենք դրան ևս երկու դաս - www և ggg.

html<p id="test" class="eee">տեքստ</p>
javascript$('#test').addClass('www ggg');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test" class="eee www ggg">տեքստ</p>

Տես նաև

  • removeClass, toggleClass, hasClass մեթոդները
  • JavaScript-ի classlist հատկությունը,
    որի օգնությամբ կարելի է ավելացնել և հեռացնել տարրի CSS դասերը մաքուր JavaScript-ով