addClass մեթոդը
addClass մեթոդը ավելացնում է
տրված CSS դասը տարրին:
Շարահյուսություն
Մեկ CSS դաս.
$(ընտրիչ).addClass(CSS դասի անուն);
Մի քանի CSS դասեր (տողով).
$(ընտրիչ).addClass('դաս1 դաս2 դաս3 ...');
Մի քանի CSS դասեր (զանգվածով).
$(ընտրիչ).addClass(['դաս1', 'դաս2', 'դաս3', '...']);
Ֆունկցիայի կիրառում հավաքածուի յուրաքանչյուր տարրի նկատմամբ.
$(ընտրիչ).addClass(function(համար հավաքածուում, տարրի ընթացիկ CSS դասերը));
Օրինակ
Մեր պարբերությունը ընդհանրապես դասեր չունի: Եկեք
ավելացնենք դրան www դասը.
<p id="test">տեքստ</p>
$('#test').addClass('www');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test" class="www">տեքստ</p>
Օրինակ
Մեր պարբերությունն արդեն ունի դաս: Եկեք ավելացնենք
դրան նաև www դասը.
<p id="test" class="eee">տեքստ</p>
$('#test').addClass('www');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test" class="eee www">տեքստ</p>
Օրինակ
Մեր պարբերությունն արդեն ունի երկու դաս: Եկեք
ավելացնենք դրան նաև www դասը.
<p id="test" class="eee ggg">տեքստ</p>
$('#test').addClass('www');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test" class="eee ggg www">տեքստ</p>
Օրինակ
Մեր պարբերությունն արդեն ունի դաս: Եկեք ավելացնենք
դրան ևս երկու դաս - www և ggg.
<p id="test" class="eee">տեքստ</p>
$('#test').addClass('www ggg');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test" class="eee www ggg">տեքստ</p>
Տես նաև
-
removeClass,toggleClass,hasClassմեթոդները -
JavaScript-ի
classlistհատկությունը,
որի օգնությամբ կարելի է ավելացնել և հեռացնել տարրի CSS դասերը մաքուր JavaScript-ով