jquery点击切换页面多个点击切换代码封装

//点击切换
$(function(){
	$(".nav-left ul li").click(function(){    //点击切换1
		tabChange($(this),$(".forum-container > div")); //内容选项卡
	})
	$(".dynamic-title ul li ").click(function(){            //点击切换2
		tabChange($(this),$(".dynamic-container > div"));
	})
	$(".tt-personal ul li ").click(function(){
		tabChange($(this),$(".formPer-con > div"));
	})
	$(".forum-search-left ul li ").click(function(){
		tabChange($(this),$(".forum-search-right > div"));
	})
})

//切换代码
function tabChange(obj1,obj2){
	var num = obj1.index(); // 获取当前点击的
  • 元素 在 全部li元素中的索引。     obj1.addClass("dynamic-active")            //当前
  • 元素高亮     .siblings().removeClass("dynamic-active");  //去掉其它同辈
  • 元素的高亮     //选取子节点。不选取子节点的话,会引起错误。如果里面还有div      obj2.eq(num).show()   //显示 
  • 元素对应的
    元素     .siblings().hide(); //隐藏其它几个同辈的
    元素   }

  • 网页题目:jquery点击切换页面多个点击切换代码封装
    网页URL:http://bzwzjz.com/article/jijede.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 网站建设费用 公司网站建设 成都网站制作 成都网站制作 定制网站设计 泸州网站建设 温江网站设计 攀枝花网站设计 成都网站建设 网站建设开发 盐亭网站设计 网站建设改版 成都营销网站制作 重庆外贸网站建设 高端网站建设 四川成都网站建设 企业网站设计 四川成都网站设计 成都响应式网站建设 网站建设公司 成都企业网站制作 成都网站建设