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