jQuery简单几行代码实现tab切换

前端技术 2023/09/02 JavaScript

今天突然心血来潮，想到一个很简单的方法即可达到的tab效果

其实逻辑很简单，但看到网上基本上没这样写的

不知道实际应用中是否会有问题呢，请大侠指教

http://libs.baidu.com/jquery/1.9.0/jquery.js\"></script>
<script>
    $(function(){
        window.onload = function()
        {
            var $li = $(\'#tab li\');
            var $ul = $(\'#content ul\');
            $li.click(function(){
                $li.removeClass();
                var $t = $(this).index();
                $(this).addClass(\'current\');
                $ul.css(\'display\',\'none\');
                $ul.eq($t).css(\'display\',\'block\');
            })
        }
    });
</script>
</body>
</html>

图片演示：

以上就是本文所述的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/5703

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案