jQuery-de elemente klas goşmak

Ýatladyp geçýärin, HTML kodundaky class atributyna boşluk bilen birnäçe klas ýazyp bolýar.

Şeýle bir ýagdaýy göz öňüne getireliň - siz barmyklara täze klas goşmak isleýärsiňiz, olary üstüni çyzyp ýazmazdan. Bu ýagda, diňe .attr('class', 'new-class') etmek bolmaz (metody ulanmak bilen attr) - siz atributda eýýäm bar bolan klaslaryň üstünü çyzarsyňyz.

Elbetde, ilki ol ýerde bar bolan klaslary okap, soňra olara boşluk bilen biziň klasymyzy goşup, ähli zady yzyna atribuda ýazyp bolar, ýöne ýönekeý ýoly bar - jQuery-de şeýle zatlar üçin addClass metody görlen.

addClass metody elemente (ýa-da elementlere) klas goşmaga rugsat berýär, bu ýagda beýleki klaslaryň üstüni çyzman. Siziň elemente goşmak isleýän klasyňyz bu metodyn parametri hökmünde kabul edilýär.

Aşakdaky mysalda bizde iki klasly element bar - class="www zzz":

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

Biz oňa üçünji klasy hem goşup bileris - kkk. Netijede atributyň mazmuny şeýle bolar - class="www zzz kkk":

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

HTML kody şeýle görüner:

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