jquery实现tab菜单切换内容（精简版）

声明：文章来源于微信公众号 GitWeb，转载需标明文章来源出处

效果预览：

image

完整代码：

1 
2 
3 
4 
5 
6 
7 
8     
9    

10         我是A
11         我是B
12         我是C
13         我是D
14    
15    
16    

17       
我是A的内容
18       
我是B的内容
19       
我是C的内容
20       
我是D的内容
21    
22
23
24
25

重点总结：

1.span标签中list属性值（0,1,2,3）用来与四个div内容一一对应

2.siblings()。在cont函数中使用siblings()方法来获取除了被选中元素的其他兄弟元素。siblings()是jquery的方法