博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery应用操作之---网页选项卡(tabs)
阅读量:4698 次
发布时间:2019-06-09

本文共 721 字,大约阅读时间需要 2 分钟。

示例:

  • 时事
  • 体育
  • 娱乐
时事
体育
娱乐
 

需求:为<li>元素绑定单击事件,将当前单击的<li>元素高亮,然后去掉其他同辈<li>元素的高亮,同时切换选项卡内容。

代码如下:

var $div_li = $("div.table_menu ul li");$div_li.click(functijon(){    $(this).addClass("selected") //当前
  • 高亮 .siblings().removeClass("selected"); //其他同辈
  • 去掉高亮 var index = $div_li.index(this); //获取当前点击
  • 在所有
  • 中的索引 $("div_tab_box>div") //选取子节点 .eq(index).show(); //显示当前
  • 对应的tab内容 .siblings().hide(); //隐藏其他同辈
  • 对应的tab内容});
  •   

    转载于:https://www.cnblogs.com/hunterCecil/p/5664720.html

    你可能感兴趣的文章
    python 二维字典
    查看>>
    pip 警告!The default format will switch to columns in the future
    查看>>
    Arrays类学习笔记
    查看>>
    实验吧之【天下武功唯快不破】
    查看>>
    2019-3-25多线程的同步与互斥(互斥锁、条件变量、读写锁、自旋锁、信号量)...
    查看>>
    win7-64 mysql的安装
    查看>>
    dcm4chee 修改默认(0002,0013) ImplementationVersionName
    查看>>
    maven3在eclipse3.4.2中创建java web项目
    查看>>
    发布时间 sql语句
    查看>>
    黑马程序员 ExecuteReader执行查询
    查看>>
    记一些从数学和程序设计中体会到的思想
    查看>>
    题目1462:两船载物问题
    查看>>
    POJ 2378 Tree Cutting(树形DP,水)
    查看>>
    第二冲刺阶段个人博客5
    查看>>
    UVA 116 Unidirectional TSP (白书dp)
    查看>>
    第三方测速工具
    查看>>
    MySQL 网络访问连接
    查看>>
    在aws ec2上使用root用户登录
    查看>>
    数据访问 投票习题
    查看>>
    cnblog!i'm coming!
    查看>>