js切换换class

Posted 2020-07-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js切换换class相关的知识，希望对你有一定的参考价值。

1，

function ntabs(thisObj,Num)
            {if(thisObj.className == "active")return;
            var tabObj = thisObj.parentNode.id;
            var tabList = document.getElementById(tabObj).getElementsByTagName("li");
            for(i=0; i <tabList.length; i++)
                {if (i == Num)
                    {thisObj.className = "active";
                    document.getElementById(tabObj+"_cont"+i).style.display = "block";
                    }
                    else{
                        tabList[i].className = "normal";
                        document.getElementById(tabObj+"_cont"+i).style.display = "none";
                }
            }
        }

2，
$(document).ready(function(){

    var $tab_li = $(‘.tab ul li‘);

    $tab_li.hover(function(){

        $(this).addClass(‘selected‘).siblings().removeClass(‘selected‘);

        var index = $tab_li.index(this);

        $(‘div.tab_box > div‘).eq(index).show().siblings().hide();

    });

});

tab切换的两段js

以上是关于js切换换class的主要内容，如果未能解决你的问题，请参考以下文章

微信小程序点击切换class

怎么用js点击按钮改变网页主题，就是把颜色换一下，再次点击在换回来，就这样点击来回切换？