Տարրին դաս ավելացնել jQuery-ում
Հիշեցնեմ, որ
class
ատրիբուտում
HTML կոդում կարելի է գրել մի քանի
դասեր բացատով բաժանված:
Պատկերացնենք այսպիսի իրավիճակ - ցանկանում եք
նոր դաս ավելացնել առկա դասերին, առանց դրանք
կորցնելու: Այս դեպքում, պարզապես
.attr('class', 'new-class')
կատարելը
չի աշխատի (օգտագործելով
attr
մեթոդը)
- դուք կկորցնեք այն դասերը, որոնք
արդեն կան ատրիբուտում:
Կարելի է, իհարկե, նախ կարդալ դասերը,
որոնք կան այնտեղ, ապա ավելացնել դրանց մեր
դասը բացատով և գրել ամենը վերադարձ
ատրիբուտում, բայց կա ավելի հեշտ ճանապարհ - jQuery-ում
նման բաների համար նախատեսված է
addClass
մեթոդը:
addClass մեթոդը թույլ է տալիս ավելացնել
դաս տարրին (կամ տարրերին), առանց
կորցնելու այլ դասեր: Այն դասը, որը դուք
ցանկանում եք ավելացնել տարրին, ընդունվում է
որպես այս մեթոդի պարամետր:
Հաջորդ օրինակում մենք ունենք տարր
երկու դասով - class="www zzz":
<p class="www zzz" id="test">text</p>
Մենք կարող ենք դրան ավելացնել նաև երրորդ դասը -
kkk: Արդյունքում ատրիբուտի պարունակությունը
կդառնա այսպիսին - class="www zzz kkk":
$('#test').addClass('kkk');
HTML կոդը կունենա հետևյալ տեսքը:
<p class="www zzz kkk" id="test">text</p>
Բոլոր li տարրերին ավելացրեք test դասը:
