jquery实现的table排序功能示例

本文实例讲述了jquery实现的table排序功能。分享给大家供大家参考，具体如下：

  
      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程序设计有所帮助。