我是靠谱客的博主 俭朴钥匙,最近开发中收集的这篇文章主要介绍导航栏点击实现addClass、removeClass效果,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<script type="text/javascript">
$(document).ready(function() {
$(".nav-tabs li").click(function(){
$(this).addClass("active");
     $(this).siblings().removeClass("active");    // .siblings() 返回被选元素的所有同级元素(其余)。
    });

});

</script>

 

<body>
<ul class="nav nav-tabs">

<li >菜单一</li>

                        <li >菜单二</li>

                        <li >菜单三</li>

</ul>
<iframe name="reportWindow" height="500" width="100%" style="border: 0"></iframe>




</body>

最后

以上就是俭朴钥匙为你收集整理的导航栏点击实现addClass、removeClass效果的全部内容,希望文章能够帮你解决导航栏点击实现addClass、removeClass效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部