js，jq选项卡实现方式

js选项卡的实现方法：

先写好一个html css的页面样式

html css部分

	
		
		
	


	
		

			

				
选项一
				
选项二
				
选项三
				
选项四
			
			

				
我是选项一
				
我是选项二
				
我是选项三
				
我是选项四
			
		
	
	

 

下面用js和jq分别写出来 

 

//js的方法
window.οnlοad=function(){
//找对象的方法很多 我这里用的是比较原始的 可以根据个人爱好自行选
var navUl=document.getElementsByClassName("nav")[0];//这是单独找一个 所以需要加上下标下同
var subnavUl=document.getElementsByClassName("subnav")[0];
var navLi=navUl.getElementsByTagName("li");  //这里要找到navUl里面所有的li所以不加下标下同
var subnavLi=subnavUl.getElementsByTagName("li");
for(var i=0;i

当然写选项卡的方法有很多 我只写了两个最简单的 最常用的