一个TAB的jquery简单写法
2024-09-08 04:16:34
<style>
.honver{ color:red;}
</style>
<script src="../js/jquery-1.9.0.min.js"></script>
<div>yyyyyyyyyyy</div>
<ul>
<li class="honver">A</li>
<li >B</li>
<li >C</li>
</ul>
<ul>
<li>111111111111111</li>
<li style="display:none;">2222222</li>
<li style="display:none;">33333333333</li>
</ul>
<div>zzzzzzzzzzzzzzz</div>
<script>
$("ul li ").bind("click", function(){
$(this).addClass('honver').siblings().removeClass('honver');;
var indexval = $("li").index(this);
$(this).parent().next('ul').children().eq(indexval).show().siblings().hide();
});
</script>
最新文章
- 转载:Tomcat的JVM设置和连接数设置
- 2 GPS utility methods
- jquery源码学习之queue方法
- 21SpringMvc_异步发送表单数据到Bean,并响应JSON文本返回(这篇可能是最重要的一篇了)
- 【Symmetric Tree】cpp
- sublime在Mac osx下安装z-codeing(即emmet)
- oracle rac常用的命令
- java可访问修饰符
- OOA、OOD、OOP分别是什么?
- Laravel-admin 使用Layer相册功能
- 课下作业MyCP的分析
- ccf 201903-5 317任务
- Ubuntu14.04+Dell 7060安装无线/有线网络驱动
- keras中TimeDistributed的用法
- codeforces285B
- caffe提取每一层中的特征,在matlab或python查看
- lombok的介绍及使用
- __init__.py的作用
- Xcode6 iOS7模拟器和Xcode7 iOS8模拟器离线下载
- 正则表达式 (python)