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>元素 在 全部li元素中的索引。
    obj1.addClass("dynamic-active")            //当前<li>元素高亮
    .siblings().removeClass("dynamic-active");  //去掉其它同辈<li>元素的高亮
    //选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
    obj2.eq(num).show()   //显示 <li>元素对应的<div>元素
    .siblings().hide(); //隐藏其它几个同辈的<div>元素  
}

本文题目：jquery点击切换页面多个点击切换代码封装
标题来源：https://www.cdcxhl.com/article14/jijede.html

成都网站建设公司_创新互联，为您提供商城网站、标签优化、关键词优化、微信公众号、虚拟主机、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联