本文实例讲述了jquery实现的table排序功能。分享给大家供大家参考,具体如下:
document div { width: 1024px; margin: 0 auto; } table { border: solid 1px #666; border-collapse: collapse; width: 100%; cursor: default; } tr { border: solid 1px #666; height: 30px; } table thead tr { background-color: #ccc; } td { border: solid 1px #666; } th { border: solid 1px #666; text-align: center; cursor: pointer; } .sequence { text-align: center; } .hover { background-color: #3399FF; }
序号 书名 价格(元) 出版时间 印刷量(册) IP 1 狼图腾 29.80 2009-10 50000 192.168.1.125 2 孝心不能等待 29.80 2009-09 800 192.68.1.125 3 藏地密码2 28.00 2008-10 192.102.0.12 4 藏地密码1 24.80 2008-10 215.34.126.10 5 设计模式之禅 69.00 2011-12 192.168.1.5 6 轻量级 Java EE 企业应用实战 99.00 2012-04 5000 192.358.1.125 7 Java 开发实战经典 79.80 2012-01 2000 192.168.1.25 8 Java Web 开发实战经典 69.80 2011-11 2500 215.168.54.125
运行效果图如下:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。



