Kuongeza Class kwa Kipengele katika jQuery

Nakukumbusha kuwa katika sifa class katika msimbo wa HTML unaweza kuandika class nyingi kwa kutumia nafasi.

Tufikirie hali kama hii - unataka kuongeza class mpya kwa zile zilizopo, bila kuzifuta zile zilikuwemo. Katika kesi hii, kuchukua tu na kufanya .attr('class', 'new-class') haitafanya kazi (kwa kutumia njia attr) - utafuta class zote ambazo tayari zimo katika sifa.

Bila shaka, kwanza unaweza kusoma class, ambazo zimo, kisha uongeze class yetu kwa kutumia nafasi na uandike zote tena katika sifa, lakini kuna njia rahisi zaidi - katika jQuery kwa mambo kama haya kuna njia maalum addClass.

Njia addClass inaruhusu kuongeza class kwa kipengele (au vipele), bila kufuta class zingine. Class ambayo unataka kuongeza kwa kipengele, inakubaliwa kama kigezo cha njia hii.

Katika mfano ufuatao tuna kipengele chenye class mbili - class="www zzz":

html<p class="www zzz" id="test">nakala</p>

Tunaweza kuongeza class ya tatu - kkk. Matokeo yake yaliyomo katika sifa yatakuwa hivi - class="www zzz kkk":

javascript$('#test').addClass('kkk');

Msimbo wa HTML utaonekana hivi:

html<p class="www zzz kkk" id="test">nakala</p>