jquery选项卡
来源:互联网 发布:淘宝靠谱电玩店 编辑:程序博客网 时间:2024/05/22 15:18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script class="jquery library" src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <title>jquery选项卡</title></head><style>#div1 div{ width:200px; height:200px; border:1px red solid; display:none;}.active{ background:red;}</style><script type="text/javascript">$(function () { $("#div1").find("input").click(function () { $('#div1').find('input').attr("class","") $("#div1").find("div").css("display","none") $(this).attr("class","red") $('#div1').find('div').eq( $(this).index() ).css('display','block'); })})</script><body><div id="div1"> <input class="active" type="button" value="1" /> <input type="button" value="2" /> <input type="button" value="3" /> <div style="display:block">111111</div> <div>222222</div> <div>333333</div></div></body></html>
阅读全文
0 0
- Jquery 选项卡切换
- jQuery选项卡
- jQuery 选项卡插件
- jQuery 网页选项卡
- jquery 通用选项卡
- jquery+CSS选项卡
- jquery的选项卡
- jquery制作选项卡
- jQuery选项卡实例
- jQuery实现选项卡
- jquery实现 选项卡
- jquery选项卡
- jQuery选项卡
- 选项卡【javascript/jquery】
- Jquery选项卡实例
- jquery选项卡
- jquery选项卡效果
- jQuery选项卡
- 初入tensorflow一览(2)
- 自制验证码生成器
- 京东2018校招在线笔试编程题①
- log4j自定义日志
- File文件基本操作之一: java 复制文件夹及其下面的子文件夹
- jquery选项卡
- Java SE知识补充
- JS的作用域和声明提前
- 读书笔记-面向对象
- Http协议与TCP协议简单理解
- Java流:将指定目录和子目录下的指定扩展名(.java)的文件所在路径写到一个文件中,形成一个文件清单。
- Spring Boot第一弹:Spring Boot之“Hello World”
- VS2010添加现有的一个CPP文件在加载文件时候报错:使用简体中文加载文件xxx.cpp的时候,有些字节已使用Unicode替换……
- EL表达式知识点