jQuery中文入门教程（6）
作者：Keel 来源：Keel blog 发布时间：2007-12-09 19:20:00
标签：jquery,教程,入门
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时,你会发现将你自己的代码打包成插件是很有用处的,它能方便地让你的公司或者其他人进行重用.下一章我们将谈到如何构建一个自己的插件.
本章的相关链接:
0
投稿猜你喜欢
- MS SQL基本语法及实例操作 一：建表并初始化 ============================ create database
- 1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http:
- 方法说明： 同步版的fs.writeFile() 。语法：fs.writeFileSync(filename, data, [o
上篇文章给大家介绍过 Python脚本破解Linux口令(crypt模块) 感兴趣的朋友点击查- mysql表索引被破坏的问题及解决下午上班，惊闻我的dedecms的网站出问题了，访问一看，果然全屏报错，检查mysql日志，错误信息为：
- buffer：下载数据缓冲区，以字节为单位，缺省依赖操作系统 consistent：下载期间所涉及的数据保持read only，缺省为n d
- 这篇文章主要介绍了Python爬虫爬取百度搜索内容代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要
- 以下来自John Hann的实现，这段代码引起了我的注意，它用巧妙的方法把方法调用的结果缓存起来了。代码解析：// memoize: 使用m
- 如何删除表中的数据Mysql删除表中的数据有三种方法，分别是deletedroptruncate一、delete删除表中的数据delete好
- 经常看到说正则的文章，但说的只是方法，却很少有说以下几个基本概念： 1.贪婪：+,*,?,{m,n}等默认是贪婪匹配，即尽可能多匹配，也叫最
- 本文介绍了SpringBoot开启数据库迁移的FlyWay使用，分享给大家，具体如下：一，首先我先了解下FlyWay是如何运转的。最简单的方
- 关于数据库的逻辑设计，是一个很广泛的问题。本文主要针对开发应用中遇到在MS SQL Server上进行表设计时，对表的主键设计应注意的问题以
- MySQL外键约束的禁用与启用：MySQL外键约束是否启用是通过一个全局变量标示的：FOREIGN_KEY_CHECKS=0; 禁用状态FO
- 数据库中有张表User，字段是ID和Name，ID自增。 利用存储过程实现插入时返回当前的行数 CREATE PROC Proc_Inser
- 一维列表的初始化：初始一个长度为5的列表方式1：a = [0]*5# [0, 0, 0, 0, 0]方式2：a = [0 for _ in
- mysql版本：8.0.28xtrabackup版本：8.0.281、安装xtrabackup下载地址：Download Percona X
- 1. 可选链从 v3.7 可用这是当你尝试访问嵌套数据时的一个痛点，嵌套数据越多，代码就会变得越繁琐。在下面的例子中，要访问address，
- 这个是升级的版本，比较进阶一点的，相对与之前的文件管理系统，数据只是存储到了内存中，而不是存储到硬盘上，我们想让文件存储到硬盘上的话，一个是
- 问题描述由于画图时plt.title()默认是显示英文，如果我们设置标题为中文，会无法显示，如图：plt.title('训练损失&#
- 本文实例讲述了JavaScript函数参数使用带参数名的方式赋值传入的方法。分享给大家供大家参考。具体分析如下：这里其实就是在给函数传递参数
