jquery tabs的实现代码
更新时间：2009年05月26日 02:28:07 作者：
晚上有插件可以实现"jquery tab"，但有点复杂了，我想写个最简单的，来实现"jquery tab"。而事实上确实很简练
关键代码：
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background","#ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
演示（请“运行代码”后，刷新一次）：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background","#ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
演示（请“运行代码”后，刷新一次）：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
这篇文章主要介绍了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法,结合实例形式分析了jQuery图表插件echarts设置折线图的相关操作技巧,需要的朋友可以参考下2017-03-03![自定义一个jquery插件[鼠标悬浮时候 出现说明label]](//img.jbzj.com/images/xgimg/bcimg1.png)
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
自定义一个jquery插件，一个简单的jquery.js,入门的jquery插件，jquery入门实例,jquery helloworld。2011-06-06
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性，本文给大家介绍jquery ajax用法详解，感兴趣的朋友一起学习吧2015-11-11
本篇文章主要是对Cookie中的Path与domain进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本篇文章主要是对jquery ajax传递中文参数乱码问题及解决方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
jquery pagination分页插件使用详解（后台struts2）
这篇文章主要为大家详细介绍了jquery pagination 分页插件的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了JQuery控制radio选中和不选中方法总结,本文起讲解了设置选中方法、设置选中和不选中示例、另一种设置选中方法、根据值设置radio选中、使用prop方法操作示例等内容,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了jQuery获取样式中颜色值的方法,可实现针对IE与Chrome、Firefox等不同浏览器都可获取css样式中background-color值的功能,非常具有实用价值,需要的朋友可以参考下2015-01-01
这篇文章介绍了jquery实现文字由下到上循环滚动的实例代码，有需要的朋友可以参考一下2013-08-08
jQuery中select与datalist制作下拉菜单时的区别浅析
一般我们通常使用select制作下拉菜单，但是H5之后，datalist也可以充当select的角色，而且两者还有一点小的不同。具体区别详解小编通过本文给简单介绍下2016-12-12
![自定义一个jquery插件[鼠标悬浮时候 出现说明label]](http://img.jbzj.com/images/xgimg/bcimg1.png)
最新评论