jQuery中文入门教程(6)
作者:Keel 来源:Keel blog 时间:2007-12-09 19:20:00
Sort me(将我有序化):使用tablesorter插件(表格排序)
这个表格排序插件能让我们在客户端按某一列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。
要测试这个例子,先在starterkit.html中加上像下面这一行的代码:
<script src="lib/jquery.tablesorter.js" type="text/javascript"></script>
然后可以这样调用不着:
$(document).ready(function() {
$("#large").tableSorter();
});
现在点击表格的第一行head区域,你可以看到排序的效果,再次点击会按倒过来的顺序进行排列。
这个表格还可以加一些突出显示的效果,我们可以做这样一个隔行背景色(斑马线)效果:
$(document).ready(function() {
$("#large").tableSorter({
stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array.
stripRowsOnStartUp: true // Strip rows on tableSorter init.
});
});
关于这个插件的更多例子和文档可以在 tablesorter首页找到.
几乎所有的特件都是这样用的:先include插件的js文件,然后在某些元素上使用插件定义的方法,当然也有一些参数选项是可以配置的
经常更新的插件列表可以从jQuery官方站 on the jQuery site找到.
当你更经常地使用jQuery时,你会发现将你自己的代码打包成插件是很有用处的,它能方便地让你的公司或者其他人进行重用.下一章我们将谈到如何构建一个自己的插件.
本章的相关链接:
标签:jquery,教程,入门
0
投稿
猜你喜欢
一文搞懂Go语言操作Redis的方法
2024-04-25 13:20:25
Python连接Mssql基础教程之Python库pymssql
2022-01-24 04:47:20
Python fileinput模块使用实例
2021-11-28 09:01:18
sql server自动生成拼音首字母的函数
2024-01-25 15:27:19
vuex mutations的两种调用方法小结
2024-04-27 16:11:42
python高效过滤出文件夹下指定文件名结尾的文件实例
2023-08-03 13:55:13
得到字符串真实长度和取固定长度的字符串函数
2008-10-06 13:12:00
记录微信小程序 height: calc(xx - xx);无效问题
2024-05-02 16:27:16
浅析python中5个带key的内置函数
2021-08-27 00:31:25
Python函数命名空间,作用域LEGB及Global详析
2022-09-18 18:14:16
使用golang编写一个并发工作队列
2023-09-02 20:54:08
go中new和make的区别小结
2024-05-09 09:39:48
windows+apache+mod_python配置django运行环境
2021-02-01 04:06:54
Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头
2022-10-12 22:54:02
python的构建工具setup.py的方法使用示例
2022-11-02 12:31:31
在antd Form表单中select设置初始值操作
2024-05-02 17:03:12
Oracle Session每日统计功能实现
2023-07-22 09:47:24
Python绘制交通流折线图详情
2023-04-29 01:26:36
Python 使用office365邮箱的示例
2023-01-10 00:18:17
Java中使用正则表达式的一个简单例子及常用正则分享
2023-05-06 09:03:16