十大优秀jQuery插件推荐

柔情只为你懂 2023-07-01 04:24 28阅读 0赞

**摘要：**当今，设计领域竞争越来越激烈，唯有做出最优秀的产品才能在该领域独树一帜。而jQuery插件为设计和开发提供了强大的支撑力。本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件，以便开发者借鉴。

当有限的开发知识限制了设计进展，你无法为自己插上创新的翅膀时，jQuery可以扩展你的视野。本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件。

**1.[ jQuery URL Shortener][jQuery URL Shortener]**

正如名字所清晰表达的那样，该jQuery插件利用Google URL shortener API可将URL转化成短链接。

**[下载][Link 1] | [ 演示][Link 2] | [ 国内镜像地址][Link 3]**

**2. [ Bootstrap Tokenfield][Bootstrap Tokenfield]**

Bootstrap Tokenfield是一款针对输入框的高级标签插件，可获取键盘输入焦点，支持复制—粘贴。

**[下载 ][Link 4]| [ ][Link 5][演示][Link 5] | [ 国内镜像地址][Link 6]**

**3. [ Retinize][Retinize]**

Retinize可将图片质量进行提升，以在Retina显示器上完美显示。在像素艺术中，当你不希望存储高质量版本的图片时，该jQuery插件显得特别有用。

**[下载][Link 7] | [ 演示][Link 8] | [ 国内镜像地址][Link 9]**

**4.[ jQuery Scrollbox][jQuery Scrollbox]**

它是一款简单、轻量级的jQuery插件。利用它，用户可以像旋转木马、传统的滚动形式那样滚动展示列表。

**[下载][Link 10] | [ 演示][Link 11] | [ 国内镜像地址][Link 12]**

**5.[ jQuery Scanner Detection][jQuery Scanner Detection]**

这是一款小插件。可对用户所使用扫描仪（barcode, QR Code……）进行探测、跟踪，并给出特定的反馈。

**[下载][Link 13] | [ 演示][Link 14] | [ 国内镜像地址][Link 15]**

**6.[ jQuery finderSelect][jQuery finderSelect]**

该jQuery插件可激活文件管理器，高亮显示被选择的元素，支持Ctrl+单击、Command+单击、Ctrl+拖动、Command+拖动及Shift+单击操作。

**[下载 ][Link 16]| [ 演示][Link 17] | [ 国内镜像地址][Link 18]**

**7. [ Yet Another DataTables Column Filter （Yadcf）][Yet Another DataTables Column Filter _Yadcf]**

利用Yadcf，用户可轻松地针对表格每列添加过滤器组件。该插件基于DataTables jQuery插件开发而成。

**[下载][Link 19] | [演示][Link 20] | [国内镜像地址][Link 21]**

**8.[ jQuery noInput][jQuery noInput]**

该插件用来显示输入字段预期值的提示信息，与HTML5的placeholder属性相似。

**[下载][Link 22] | [演示][Link 23] | [ 国内镜像地址][Link 24]**

**9.[ HeapBox][HeapBox]**

无论你是Web设计师，还是Web开发工程师，一定了解设置本地HTML表单外观及功能的艰辛。Heapbox现在可代替selectbox，用JavaScript编写，效果很不错。现在它只针对selectbox，还无法处理textbox、checkbox等。Heapbox基于jQuery设计，却改变了大部分人写JavaScript的方式。

**[下载][Link 25] | [演示][Link 26] | [ 国内镜像地址][Link 27]**

**10. [ QUAIL][QUAIL]**

该插件用来查找影响页面美观、亲和力的内容。它可查找现页面中的设计问题，如图片缺少替换文字等。（编译：陈秋歌/责编：夏梦竹）

**[下载][Link 28] | [演示][Link 29] | [ 国内镜像地址][Link 30]**

**原文来自：[The Design Blitz][]**

[jQuery URL Shortener]: http://plugins.jquery.com/urlshortener/
[Link 1]: https://github.com/hayageek/jQuery-URL-shortener
[Link 2]: http://hayageek.com/examples/jquery/url-shortener/example.html
[Link 3]: https://code.csdn.net/OS_Mirror/jQuery-URL-shortener
[Bootstrap Tokenfield]: http://plugins.jquery.com/bootstrap-tokenfield/
[Link 4]: https://github.com/sliptree/bootstrap-tokenfield/zipball/master
[Link 5]: http://sliptree.github.io/bootstrap-tokenfield/
[Link 6]: https://github.com/sliptree/bootstrap-tokenfield/
[Retinize]: http://plugins.jquery.com/retinize/
[Link 7]: http://github.com/MatthewCallis/retinize/zipball/0.1.3
[Link 8]: https://github.com/MatthewCallis/retinize
[Link 9]: https://code.csdn.net/OS_Mirror/retinize
[jQuery Scrollbox]: http://plugins.jquery.com/jquery-scrollbox/
[Link 10]: https://github.com/wmh/jquery-scrollbox/archive/master.zip
[Link 11]: http://wmh.github.io/jquery-scrollbox/
[Link 12]: https://code.csdn.net/OS_Mirror/jquery-scrollbox
[jQuery Scanner Detection]: http://plugins.jquery.com/scannerdetection/
[Link 13]: http://github.com/julien-maurel/jQuery-Scanner-Detection/zipball/1.1.1
[Link 14]: https://github.com/julien-maurel/jQuery-Scanner-Detection
[Link 15]: https://code.csdn.net/OS_Mirror/jQuery-Scanner-Detection
[jQuery finderSelect]: http://plugins.jquery.com/finderSelect/
[Link 16]: http://github.com/evulse/finderSelect/zipball/0.5.0
[Link 17]: http://evulse.github.io/finderSelect
[Link 18]: https://code.csdn.net/OS_Mirror/finderSelect
[Yet Another DataTables Column Filter _Yadcf]: http://plugins.jquery.com/yadcf/
[Link 19]: https://github.com/vedmack/yadcf/archive/master.zip
[Link 20]: http://yadcf-showcase.appspot.com/
[Link 21]: https://code.csdn.net/OS_Mirror/yadcf
[jQuery noInput]: http://plugins.jquery.com/noInput/
[Link 22]: https://github.com/HaroldSHenry/noInput/archive/master.zip
[Link 23]: http://www.talerian.com/noInput.html
[Link 24]: https://code.csdn.net/OS_Mirror/noInput
[HeapBox]: http://plugins.jquery.com/heapbox/
[Link 25]: http://github.com/FilipBartos/heapbox/zipball/v0.9.0
[Link 26]: http://www.bartos.me/heapbox
[Link 27]: https://code.csdn.net/OS_Mirror/heapbox
[QUAIL]: http://plugins.jquery.com/quail/
[Link 28]: http://github.com/kevee/quail/zipball/2.0.3
[Link 29]: http://quailjs.org/examples/
[Link 30]: https://code.csdn.net/OS_Mirror/quail
[The Design Blitz]: http://thedesignblitz.com/best-jquery-plugins-week/