jquery选项卡

倾听雨落~

于 2018-11-23 15:01:13 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_43292447/article/details/84392317

本文详细介绍了如何使用jQuery实现选项卡切换效果，通过点击不同的选项卡，展示对应的页面内容，同时更新选中状态和页面显示。代码示例清晰展示了事件绑定、元素样式操作和条件判断的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery选项卡：
$(".le li").each(function(n){
    	$(this).click(function(){
    		$(".le li").each(function(m){
    			if(n==m){
    			    $(this).addClass('active').siblings('li').removeClass('active')
    			}
    			if(n==0){
    				$('.page1').css('display','block')
    				$('.page2').css('display','none')
    				$('.page3').css('display','none')
    			}else if(n==1){
    				$('.page1').css('display','none')
    				$('.page2').css('display','block')
    				$('.page3').css('display','none')
    			}else if(n==2){
    				$('.page1').css('display','none')
    				$('.page2').css('display','none')
    				$('.page3').css('display','block')
    			}
    		})
    	})
    })