javascript - Bagaimana untuk melaksanakan addclass dan removeclass jq dalam js Sebagai contoh, ia pada asalnya class="aa" dan perlu ditukar kepada class="aa bb"

Question

Cara melaksanakan addclass dan removeclass jq dalam js Contohnya, ia pada asalnya class="aa" dan ia perlu ditukar kepada class="aa bb".

Answer 1

js mempunyai antara muka senarai kelas
pautan MDN

Tetapi anda perlu mempertimbangkan keserasian.

Answer 2

ganti

Answer 3

jika (!this.hasClass(obj, class)) obj.className += " " + class;

Answer 4

elem.className
atau
elem.classList
Saya rasa classList lebih baik, elem.classList.add('bb') akan lakukan
Selain itu, kod sumber jQuery melaksanakan addClass dan removeClass melalui className
Satu ayat terakhir, berat sebelah ini Untuk soalan asas, anda perlu belajar cara Baidu dan Google sendiri

Answer 5

function addClass(ele,name){
        if(ele && name){
            var cn = ele.className;
            if(!cn){
                ele.className = name;
            }else if(cn.indexOf(name) === -1){
                ele.className = cn.replace(/\s*$/,' '+name);
            }
        }
}
function removeClass(ele,name){
        var reg1 = new RegExp('^\s*\b'+ name +'\b\s*$');
        var reg2 = new RegExp('^\s*' + name+'\b');
        var reg3 = new RegExp('\b'+ name + '\s*$');
        var reg4 = new RegExp('\s*\b'+name+'\b\s*');
        if(ele && name){
            var cn = ele.className;
            if(cn && cn.indexOf(name) > -1){
                if(reg1.test(cn)){
                    ele.className = '';
                }else if(reg2.test(cn)){
                    ele.className = cn.replace(reg2,'');
                }else if(reg3.test(cn)){
                    ele.className = cn.replace(reg3,'');
                }else{
                    ele.className = cn.replace(reg4,' ');
                }
            }
        }
};