十几个方便实用的jquery代码

这里将为大家介绍十几个方便实用的 jquery 代码，大多简单上手，欢迎大家交流
平滑滚动到页面顶部

我们以一个热门，实用的代码片段开始：下面的4行jquery代码，页面访问者通过点击id 为[#top]，滑动到页面的顶部；

1
2
3
4
$ ( "a[href='#top']" ) . click ( function ( ) {
   $ ( "html, body" ) . animate ( { scrollTop : 0 } , "slow" ) ;
   return false ;
} ) ;
对于这个实例，可以参照本博客的滑动到顶部的按钮。

克隆表格的表头到表格底部

为了使自己的表格可读性更强，将表格的表头克隆到表格底部是个不错的注意。下面就是这个实用的代码片段。

1
2
3
4
5 
var $ tfoot = $ ( '<tfoot></tfoot>' ) ;
$ ( $ ( 'thead' ) . clone ( true , true ) . children ( ) . get ( ) . reverse ( ) ) . each ( function ( ) {
     $ tfoot . append ( $ ( this ) ) ;
} ) ;
$ tfoot . insertAfter ( 'table thead' ) ;
加载外部内容

你需要添加外部内容到div标签么？如果使用jquery，这就变得很简单，具体实例如下：

1
2
3
4
5
6
$ ( "#content" ) . load ( "somefile.html" , function ( response , status , xhr ) {
   // error handling
   if ( status == "error" ) {
     $ ( "#content" ) . html ( "An error occured: " + xhr . status + " " + xhr . statusText ) ;
   }
} ) ;