15个超级实用的jQuery插件

冷不防 2022-08-12 14:00 184阅读 0赞

[![6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg][]][6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg 1]

[jQuery][]是一个可订制的、轻量级的前端开发框架，它会让你的前端开发拥有无限的可能性。它会在敏捷Web开发中帮你做很多事情，比如简化HTML文档的解析、事件处理、动画效果和[Ajax][]交互。实践上[jQuery][]已经成为了新一代的标准。

在这篇文章中，我们整理了9月份以来最新的15个jQuery插件， 它们都非常优秀。根据下面提到的这些jQuery插件，你可以在很多地方提高和优化Web应用的性能。

我们希望你能从中找到对你有帮助的插件，如果你也知道很多jQuery的最新资源，可以在评论中告诉我们，和大家一起分享。

## 1. jQuery.fblogin ##

[![de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg][]][de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg 1]

jQuery.fblogin，顾名思义，它是一个用jQuery实现的Facebook登录插件，你需要申请一个Facebook应用的id，然后添加Facebook JS SDK，通过这个插件来加载SDK。

## 2. FocusPoint ##

[![6842bce7-c371-4fbf-b4b4-34ec85267294.jpg][]][6842bce7-c371-4fbf-b4b4-34ec85267294.jpg 1]

FocusPoint 可以让你的照片在任意的容器中都能有不错的显示效果。 它会动态地对图片进行剪裁，而不会切掉图片中重要的对象。

## 3. Animisition ##

[![6b98150b-8ecb-4c60-b641-04364dc35911.jpg][]][6b98150b-8ecb-4c60-b641-04364dc35911.jpg 1]

Animsition是一个便于开发者添加[CSS][]动画跳转的jQuery插件。它提供18种不同的动画，包括各种各样的消失、旋转、翻转和变焦等特效。

## 4. jQuery Bootgrid ##

[![fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg][]][fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg 1]

jQuery Bootgrid 插件非常不错，页面直观而平整。由一个风格控制作为引导。只需要在HTML文件中引入jQuery、Bootgrid和BootStrap的库即可。

## 5. jCorner ##

[![bf2b7ab0-093a-4654-8f08-d25297959035.jpg][]][bf2b7ab0-093a-4654-8f08-d25297959035.jpg 1]

jquery实现折角插件jCorner是一款平面页面元素进行右下角折角，对时尚和某个链接的提示是有用的。它使用CSS边框达到效果，而无需使用任何图像，这使我们能够创建任何大小的角落。

## 6. jQuery Fontflex ##

[![6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg][]][6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg 1]

fontFlex是一个轻量级jQuery插件,根据屏幕/浏览器宽度动态更改字体大小。多用于响应或自适应的CSS布局。

## 7. Tablesaw ##

[![e679263b-1e2d-407c-906c-aaf982a48a2b.jpg][]][e679263b-1e2d-407c-906c-aaf982a48a2b.jpg 1]

Tablesaw 是实现了响应式的表格的jQuery插件。

## 8. Particleground ##

[![b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg][]][b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg 1]

Particleground 粒子系统是一个jQuery插件，时髦的背景。 Particleground包括一个可选的视差效应控制鼠标在桌面设备和移动设备上的陀螺仪。它适用于任何浏览器支持HTML5画布。

## 9. Typer ##

[![79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg][]][79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg 1]

Typer是一个实现打字效果的jQuery插件。你可以选择性的定制这个插件，如打字速度、延时等等。

## 10. Divas Slider ##

[![69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg][]][69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg 1]

Divas Slider是一个多才多艺的jQuery滑块,容易使用和完全可定制。 充分响应和触摸启用。详细使用方法请查看下载文件中的instructions.html

## 11. J-accordion ##

[![f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg][]][f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg 1]

j-accordion.js 是 jQuery 的一个手风琴效果的插件，可自动对 hovered 条目进行扩展，并收缩其他项。可用做菜单用途。

## 12. jQuery Flappy Bird ##

[![cf4b214f-08fa-4198-b672-e17488c54213.jpg][]][cf4b214f-08fa-4198-b672-e17488c54213.jpg 1]

基于 jQuery 实现的 Flappy Bird 游戏。

## 13. SlabText ##

[![4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg][]][4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg 1]

SlabText 是一个用来生成支持响应式的大且粗的字体的jQuery插件。可以分割成调整大小的每一行的行前的头条新闻，以填补可用的水平空间。这意味着无论任何客户端是什么尺寸大小的屏幕，客户端的标题总是合适的。

## 14. jQuery Typeahead ##

[![88006192-6110-4465-a1a1-be6de6036c7a.jpg][]][88006192-6110-4465-a1a1-be6de6036c7a.jpg 1]

这款jQuery插件来自于Twitter的一个新的项目，支持远程和本地的数据集。比较有特色的地方在于你可以将数据集使用本地存储 (local storage)来保存在本地，有效的提高用户体验。同时也拥有很多远程数据集的处理选项，例如（请求频率，最大的并发请求数，等等）...

## 15. ScotchPanels ##

[![5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg][]][5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg 1]

scotchPanels.js为用户提供方便的菜单创建操作，当然也包含网站导航和其它类型的面板，比如图片和视频等等。Scotch Panels是功能封装的，我们可以根据需要选择不同的功能封装。它支持任何的容器，这样一来你可以将你的导航栏放在任意标签内。

极客标签 - 专业和精准的分享，关注你感兴趣的极客，社区提供超棒的精品教程，互动授课

了解前端技术，请访问极客[互动课程库][Link 1]和[代码录播][Link 2]

via [极客标签][Link 3]

[6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg
[6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/6be5fce1-cc29-4efb-ad18-fe5347ab5ebb.jpg
[jQuery]: http://www.gbtags.com/gb/tag/1003.htm
[Ajax]: http://www.gbtags.com/gb/tag/1237.htm
[de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg
[de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/de7a89c2-0935-4a8f-a6fc-2fde1e00315e.jpg
[6842bce7-c371-4fbf-b4b4-34ec85267294.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6842bce7-c371-4fbf-b4b4-34ec85267294.jpg
[6842bce7-c371-4fbf-b4b4-34ec85267294.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/6842bce7-c371-4fbf-b4b4-34ec85267294.jpg
[6b98150b-8ecb-4c60-b641-04364dc35911.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6b98150b-8ecb-4c60-b641-04364dc35911.jpg
[6b98150b-8ecb-4c60-b641-04364dc35911.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/6b98150b-8ecb-4c60-b641-04364dc35911.jpg
[CSS]: http://www.gbtags.com/gb/tag/1002.htm
[fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg
[fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/fe66d8b1-6cc3-4b8a-b5e1-cfcf63cc897a.jpg
[bf2b7ab0-093a-4654-8f08-d25297959035.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/bf2b7ab0-093a-4654-8f08-d25297959035.jpg
[bf2b7ab0-093a-4654-8f08-d25297959035.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/bf2b7ab0-093a-4654-8f08-d25297959035.jpg
[6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg
[6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/6038ec61-2623-4ce6-96fb-5cd6b9b3b0eb.jpg
[e679263b-1e2d-407c-906c-aaf982a48a2b.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/e679263b-1e2d-407c-906c-aaf982a48a2b.jpg
[e679263b-1e2d-407c-906c-aaf982a48a2b.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/e679263b-1e2d-407c-906c-aaf982a48a2b.jpg
[b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg
[b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/b1e22723-8d6f-4d98-9056-a09f000c5cc3.jpg
[79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg
[79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/79b41613-0f5d-4a3c-8c7e-5a4d469d1a36.jpg
[69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg
[69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/69c5ebeb-9c6a-43e4-9a61-1210f883496d.jpg
[f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg
[f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/f2452e05-ee85-4138-a5f2-00bf7e98410d.jpg
[cf4b214f-08fa-4198-b672-e17488c54213.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/cf4b214f-08fa-4198-b672-e17488c54213.jpg
[cf4b214f-08fa-4198-b672-e17488c54213.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/cf4b214f-08fa-4198-b672-e17488c54213.jpg
[4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg
[4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/4ca99c88-61ea-4694-bfd7-1149fd21146a.jpg
[88006192-6110-4465-a1a1-be6de6036c7a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/88006192-6110-4465-a1a1-be6de6036c7a.jpg
[88006192-6110-4465-a1a1-be6de6036c7a.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/88006192-6110-4465-a1a1-be6de6036c7a.jpg
[5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg
[5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/5ce4ad89-6980-4640-bed2-fb3a9277e26f.jpg
[Link 1]: http://www.gbtags.com/gb/gblibrary.htm
[Link 2]: http://www.gbtags.com/gb/listcodereplay.htm
[Link 3]: http://www.gbtags.com/gb/share/3942.htm