资讯频道 → Web前端
阅读更多

9顶
0踩

Web前端

翻译新闻 15 个实用的 jQuery 排序插件

2012-07-18 16:27 by 见习记者 csdn_0000 评论(3) 有17862人浏览
jquery javascript 插件 排序
如果你的应用中包含大型数据集，比如列表等，那么排序是非常必要的。另外，你还可以使用排序功能来管理页面中的模块。

在这篇文章中，我们整理了15个使用方便的jQuery排序插件。通过这些插件，你将可以轻松对页面或表格元素进行排列、重组。

1. Sortable Lists using jQuery UI

jQuery Interface插件和jQuery UI都可以用来对元素进行排序。本教程运用第二个插件，并介绍了保存排序结果的方法。



源码/演示

2. jQuery jPlist

jPlist是一个用法灵活的插件，可以完成对任何HTML结构（DIV、UL/LI、表等）的排序、分页和过滤。



源码/演示

3. jQuery Simple Content Sorting Plus Plugin

此插件可以自动筛选出符合条件的列表，同时也可以通过分页形式查看内容。该插件通过灵活的用户分类机制创造了简单方便的美化界面的方法。



源码/演示

4. jQuery UI Sortable

可用于对一组DOM元素进行排序。



源码+演示

5. jQuery Interface Elements

Interface是一个丰富界面组件的集合，基于jQuery，可帮助你轻松创建丰富的web应用程序和界面。



源码/演示

6. TinySort

TinySort是一个小而简单的jQuery插件，它可以通过内容前缀或属性值对节点或者子节点进行排序。



源码+演示

7. JSquared

此插件允许你组织高级搜索界面中的元素，就像Google Squared一样。



源码+演示

8. Animated table sort

此插件为你提供了生动的排序方式。通过选择表中列单元格的不同属性，包括它们的内容、数值，或是单元格中的子元素来改变元素的排列顺序。



源码+演示

9. table sorter

此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表，而无需刷新页面。Table sorter可以成功地解析多种类型的数据并进行排序。



源码/演示

10. jQuery Table

这是一个操作简单的jQuery插件，可帮助你将数据创建成可排序的表格。



源码/演示

11. jSorted排序插件

此插件可以对无序列表进行升序或降序排列，通过每个项目的附加属性（数字或日期）来排序。它可用于实时数据、图表、活动小部件、新闻行情、HTML5游戏和许多别的方面。



源码/演示

12. Simple Content Sorting

这个插件允许你通过简单的、配备分页功能的界面对内容进行排序，并且无需重新加载页面，因为它是用JavaScrip实现的。



源码/演示

13. Beautiful Data

这是个了不起的方法，可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。



源码/演示

14. jQuery columnManager 插件

此插件可以切换表中纵列内容的可见性（折叠和展开它们），并且保存数据直到下次访问。



源码/演示

15. Drag & Drop Sortable Lists with JavaScript and CSS

这是一个在主流浏览器中排序操作的示例集合，每个示例代表一种理念。



源码+演示

英文原文：jQuery Sort Plugins 15 of the Best
  • 大小: 77.3 KB
  • 大小: 71.1 KB
  • 大小: 57.8 KB
  • 大小: 73.2 KB
  • 大小: 50.8 KB
  • 大小: 59.4 KB
  • 大小: 66 KB
  • 大小: 63.6 KB
  • 大小: 80.9 KB
  • 大小: 57.5 KB
  • 大小: 81 KB
  • 大小: 71.9 KB
  • 大小: 80.8 KB
  • 大小: 74.4 KB
  • 大小: 49.2 KB
9
顶
0
踩
评论 共 3 条 请登录后发表评论
3 楼 vanner007 2012-07-20 09:30
开源才是王道！
2 楼 梁温陵 2012-07-19 15:31
都是要花钱的啊
1 楼 田梦桦 2012-07-19 13:26
强大的JQUERY

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery拖拽排序插件制作拖拽排序效果(附源码下载)

    使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件，在网站上有时也会用的到，今天小编给大家分享jQuery拖拽排序插件制作拖拽排序效果，需要的朋友参考下吧

  • jQuery拖拽排序布局插件

    一款非常实用jQuery制作的鼠标拖拽布局插件，jQuery拖拽排序特效，共有8种效果。

  • DDSort-简单实用的jQuery拖拽排序插件

    DDSort.js是一款简单实用的jQuery拖拽排序插件。通过该插件你可以任意拖动页面中元素，并放置到指定的地方。DDSort.js插件实用简单，兼容IE8浏览器。

  • jQuery拖拽排序插件DDSort.js.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery拖拽排序布局插件.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery拖拽插件制作拖拽排序特效特效代码

    jQuery拖拽插件制作拖拽排序特效是一款非常实用的鼠标拖拽布局插件。

  • jQuery图片列表拖拽排序布局插件

    本文要介绍的是一款基于jQuery的图片列表拖拽排序布局插件，我们可以拖拽图片，将图片插入到其他任意图片的前面或者后面，实现图片重新布局的功能，这个功能可以让用户自定义桌面布局，也是jQuery拖拽插件的一个经典...

  • 实现固定表头和可排序的jQuery表格插件

    StickySort是一款非常实用的实现固定表头和可排序的jQuery表格插件。该表格可以非常容易的实现表格表头固定显示的效果。并且它可以对每一个表格列进行排序显示，非常的实用。

  • jQuery拖拽插件制作拖拽排序特效.zip

    jQuery拖拽插件制作拖拽排序特效是一款非常实用的鼠标拖拽布局插件。

  • 简单的带排序和过滤功能的jQuery表格插件

    smart-table是一款简单实用的带排序和过滤功能的jQuery表格插件。该jQuery表格插件通过简单的设置就可以生成表格排序、表格字段过滤功能，甚至可以实现表格分页显示，使用非常方便。

  • jquery动画切换排序点击放大切换.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery网格布局图片拖动排序代码.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery仿Excel表格列表排序代码.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery鼠标上下拖动div排序代码.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery动态表格数据分页检索排序代码.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • jQuery网格布局图片自由拖动排序代码.zip

    有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！

  • 简单实用的jQuery分页插件twbs-pagination

    在Web开发中，表格是一个很好展示数据的组件。当数据量大了，分页就不可避免了。分页不仅可以提高读取数据的...如果在特定情况下需要自己定义表格和分页，那么分页就是用jQuery分页插件twbs-pagination吧！twbs-pa...

  • DDSort一个简单的轻量级的拖拽排序jQuery插件

    DDSort.js是一款简单实用的jQuery拖拽排序插件。通过该插件你可以任意拖动页面中元素，并放置到指定的地方。DDSort.js插件实用简单，兼容IE8浏览器。

  • 数学建模拟合与插值.ppt

    数学建模拟合与插值.ppt

  • [net毕业设计]ASP.NET教育报表管理系统-权限管理模块（源代码+论文）.zip

    【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。

Global site tag (gtag.js) - Google Analytics