当前位置:  编程技术>jquery

jquery toggle 显示与隐藏表格行

    来源: 互联网  发布时间:2014-10-04

    本文导语:  功能:单击行展开,在单击行的时候隐藏   代码示例: jquery toggle 显示与隐藏表格行_http://www.  $(document).ready(function(){ $('.button').toggle(function(){  $('#tab'+this.id).removeClass('hidden'); },function(){  $('#tab'+this.id).addClass('hidden')...

功能:单击行展开,在单击行的时候隐藏
 

代码示例:



jquery toggle 显示与隐藏表格行_http://www.


 $(document).ready(function(){
$('.button').toggle(function(){
 $('#tab'+this.id).removeClass('hidden');
},function(){
 $('#tab'+this.id).addClass('hidden');
});
});


.hidden{
display:none;
}
.button{
cursor:hand;
}



表格行的显示与隐藏

第一行

脚本学堂,是专业的脚本编程,网站编程,系统管理,
服务器管理,软件教程,硬件教程等技术站点。
欢迎大家的光临。


第2行

,是专业的脚本编程,网站编程,系统管理,
服务器管理,软件教程,硬件教程等技术站点。
欢迎大家的光临。





单击行展开,单击其他行的时候隐藏其他行的同时展开单击行。
 $(document).ready(function(){
$('.button').click(function(){
 $('tr[id^=tab]').addClass('hidden');
 $('#tab'+this.id).removeClass('hidden');
});
合并使用
 
  $(document).ready(function(){
$('.button').click(function(){
 $('tr[id^=tab]').addClass('hidden');
 $('#tab'+this.id).removeClass('hidden');
});
});
$(document).ready(function(){
$('.button').toggle(function(){
 $('#tab'+this.id).removeClass('hidden');
},function(){
$('#tab'+this.id).addClass('hidden');
});
});

    
 
 

您可能感兴趣的文章:

  • jQuery表格插件 Flexigrid for jQuery
  • jQuery电子表格插件 jQuery.sheet
  • jQuery电子表格插件 JQuery.Spreadsheet UI
  • JQuery实现动态表格点击按钮表格增加一行
  • jQuery 数据表格插件 jqxGrid
  • jQuery表格插件 jQuery grid view plugin
  • jQuery表格插件 DataTables
  • jQuery表格插件 ayGrid
  • jQuery表格插件 MagicGrid
  • jQuery如何获取表格总行数
  • jQuery 表格插件 cGrid
  • jQuery 表格插件 jui_datagrid
  • jQuery表格插件 colResizable
  • jQuery表格分页插件 Table Pagination
  • jQuery表格插件 Flexigrid
  • jQuery 表格响应式插件 FooTable
  • jQuery树形表格插件 jQTreeTable
  • jQuery 表格排序插件 Stupid Table
  • jQuery 表格数据渲染插件 GraphUp
  • 基于jQuery的表格组件 VDataTable
  • jQuery 照片获取和显示插件 ballboy.js iis7站长之家
  • jquery控制css的display属性(显示与隐藏)
  • jquery显示与隐藏div的方法示例
  • jQuery判断元素显示与隐藏
  • jquery控制css元素的display(显示与隐藏)属性
  • jquery控制css display属性(控制元素显示与隐藏)
  • jquery响应鼠标事件 jquery隐藏与显示input默认值
  • jquery hide与show方法隐藏与显示标签
  • jquery实现div层的隐藏或显示
  • jquery显示、隐藏div的方法举例
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery图片显示插件 PrettyPhoto
  • 显示矢量地图的jQuery 插件 jVectorMap
  • jQuery源码结构显示插件 CodeExplorer
  • JQuery实现元素屏幕居中显示的代码
  • textarea显示成label的样式 jquery实例
  • jQuery 解析和显示 RSS 订阅插件 FeedEk
  • jQuery 等高显示插件 matchHeight
  • jQuery 幻灯效果显示插件 Diapo
  • jQuery图片显示插件 PictureSlides
  • 自定义jquery模态窗口插件无法在顶层窗口显示问题
  • jquery当前时间的设置与显示代码
  • Jquery点击高亮显示的实现代码
  • jQuery 照片获取和显示插件 ballboy.js
  • Jquery easyui分页栏显示1到0怎么解决?
  • jquery fancybox ie6不显示关闭按钮的解决办法
  • jQuery评论显示插件 Quovolver
  • jquery 提示信息显示后自动消失的具体实现
  • jquery让返回的内容显示在特定div里(代码少而精悍)
  • jquery动态设置超链接显示内容的实现代码
  • Jquery如何实现点击时高亮显示代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3