程序博客网 > 宋佳和谢天笑知乎

js的eq获取到元素的下标数值

来源：互联网发布：宋佳和谢天笑知乎编辑：程序博客网时间：2024/05/22 09:48

<!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" /> <title>无标题文档</title> </head> <style type="text/css"> *{ margin:0px; padding:0px; list-style-type:none;} .con{ width:745px; height:500px; border:#09F solid 1px ; margin:0 auto;} .con .nav{ width:745px; height:40px;} .nav ul{ background:#6C6C6C;} .nav ul li{ padding:0 16px 0 16px; float:left; height:40px; line-height:40px;} .nav .sel{ border-bottom:#F00 solid 1px; font-weight:bold; color:#666} .content{ width:745px; height:460px; } .content .list{ text-align:center; display:none;} .content .show{ display:block;} </style> <body> <div class="con"> <div class="nav"> <ul id="header"> <li class="sel">首页</li> <li>新闻</li> <li>视频</li> <li>财经</li> <li>娱乐</li> <li>体育</li> </ul> </div> <div class="content"> <div class="list show"><img src="image/1.jpg"width="742" height="456" /></div> <div class="list"><img src="image/2.png"width="742" height="456" /></div> <div class="list"><img src="image/3.png"width="742" height="456"/></div> </div> </div> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript"> $("#header").find("li").hover(function(){ $(this).addClass("sel").siblings().removeClass("sel"); $(".list").hide().eq($("li").index($(this))).show(); }) </script> </body> </html>

<!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" /> <title>无标题文档</title> </head> <style type="text/css"> *{ margin:0px; padding:0px; list-style-type:none;} .con{ width:745px; height:500px; border:#09F solid 1px ; margin:0 auto;} .con .nav{ width:745px; height:40px;} .nav ul{ background:#6C6C6C;} .nav ul li{ padding:0 16px 0 16px; float:left; height:40px; line-height:40px;} .nav .sel{ border-bottom:#F00 solid 1px; font-weight:bold; color:#666} .content{ width:745px; height:460px; } .content .list{ text-align:center; display:none;} .content .show{ display:block;} </style> <body> <div class="con"> <div class="nav"> <ul id="header"> <li class="sel">首页</li> <li>新闻</li> <li>视频</li> <li>财经</li> <li>娱乐</li> <li>体育</li> </ul> </div> <div class="content"> <div class="list show"><img src="image/1.jpg"width="742" height="456" /></div> <div class="list"><img src="image/2.png"width="742" height="456" /></div> <div class="list"><img src="image/3.png"width="742" height="456"/></div> </div> </div> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript"> $("#header").find("li").hover(function(){ $(this).addClass("sel").siblings().removeClass("sel"); $(".list").hide().eq($("li").index($(this))).show(); }) </script> </body> </html>

0 0

宋佳和谢天笑知乎

宋佳和谢天笑知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子采购专员续保专员学术专员媒介专员外贸专员电商专员人事专员面试自我介绍催收专员工资曝工资物流专员为什么工资高风险控制专员人事专员岗位职责专员是什么职位物流专员工资人力资源专员 seo专员工资一般多少 2018做投标专员工资一般多少人力资源专员岗位职责人力专员岗位职责电话催收专员好做吗招聘专员工作内容美艳理财专员市场专员岗位职责招聘专员工作难做吗内容审核专员为什么老是招人无经验应聘人事专员专四成绩专四是什么英语专四专四题型专四证书专四听力专四通过率专四词汇专四真题专四作文日语专四专四报名专四听写专四英语西语专四专八专四