jQuery简单的选项卡代码
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery制作简单的选项卡代码

主要js

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script>
    var tabList = document.getElementById("tabs_num").getElementsByTagName("div"); 
    function onClickTabshow(n) { 
        for (let i = 1; i <= tabList.length; i++) {
            if (i === n) {
                $(`.tab${i}body`).toggle(100);
                $(`.tabitem${i}`).addClass("active"); 
            } else {
                $(`.tab${i}body`).hide(100);
                $(`.tabitem${i}`).removeClass("active"); 
            }
        }
    }
</script>