10+ 方便实用的jQuery代码

chenglin博客 2014年2月17日 浏览 6675 回复7

这里将为大家介绍十几个方便实用的jquery代码,大多简单上手,欢迎大家交流

平滑滚动到页面顶部

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

对于这个实例,可以参照本博客的滑动到顶部的按钮。

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

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

加载外部内容

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

相同高度的标签纵列

当你的网站是用纵列来显示的内容是,如果所有的模块列都是等高度的将会更好看,更整洁。下面的代码将会,将为所有类为.col的div标签自适应为(所有纵列高度最高)的等高模块:

表格的条纹(斑马条纹)

在表格上展示数据时,颜色交替无疑会增加可读性;下面这段代码,将为两行中间的的一行自动加上CSS类(css类自己定义):

页面局部刷新

如果你需要刷新页面的一部分,下面会有一定的帮助,只需要3行代码。在这个例子中,#refresh div每10秒自动刷新: