用于前端开发的 50 个最有用的 jQuery 插件

已发表: 2021-06-15

还有许多其他可用的 JavaScript 框架,但 jQuery 显然是最受欢迎的(根据 BuiltWith,目前超过 78% 的顶级百万网站使用它)。

jQuery 的目的是使许多通常需要多行代码的 JavaScript 函数更易于管理和编写,方法是将它们捆绑到只需一行代码即可调用的方法中。

它是轻量级的,并且因为它是可扩展的,所以几乎所有你能想到的功能都可以免费使用 jQuery 插件。

目录:

  • 网络和移动布局插件
  • 菜单和导航插件
  • 媒体插件
  • 滑块、轮播和图库插件
  • 文字效果插件
  • 表单插件
  • 实用插件

更多 jQuery 插件:

  • 动态布局 jQuery 插件
  • 表单验证 jQuery 插件
  • 图库和灯箱 jQuery 插件
  • 响应式导航 jQuery 插件
  • 滑块和轮播 jQuery 插件
  • Typogrpahy 效果 jQuery 插件

用于 Web 和移动布局的 jQuery 插件

pagePiling.js

pagePiling.js 是一个 jQuery 插件,用于将您的布局部分相互“堆叠”并通过滚动访问它们。

pagePiling.js jQuery 插件,用于将您的部分相互“堆叠”并通过滚动访问它们

fullPage.js

fullPage.js 是一个用于创建全屏滚动网站的简单插件。

fullPage.js 全屏滚动网站 jQuery 插件

gridscrolling.js

gridscrolling.js 是一个用于在网格中定位部分和边的插件,并允许轻松的光标键导航。

gridscrolling.js jQuery 插件 用于在网格中定位部分和边的布局,并允许轻松的光标键导航

闪片

Flickerplate 是一个响应式、支持触控的轻量级插件,可让您“快速浏览”内容。

Flickerplate 响应式触控轻量级轻弹内容

jInvertScroll

jInvertScroll 是一个轻量级的插件,它允许您在向下滚动时使用视差效果水平移动。

jInvertScroll轻量级插件水平视差效果

动画

Animsition 是一个简单的插件,用于添加带有 CSS 动画的页面过渡。

Animsition - 一个简单的 jQuery 插件,用于添加带有 CSS 动画的页面过渡

砖工作

Brick Work 是一个轻量级 (15kb) 且功能丰富的插件,用于创建响应式动态布局。

Brick Work 是一个轻量级 (15kb) 且功能丰富的 jQuery 插件,用于创建响应式动态布局

滚动我

ScrollMe 是一个轻量级插件,可让您为网页添加简单的滚动效果。

ScrollMe 是一个轻量级的 jQuery 插件,可以让你给网页添加简单的滚动效果

平滑状态.js

jquery.smoothState.js 是一个插件,可以逐步增强页面,使其更像单页应用程序。

jquery.smoothState.js - 一个 jQuery 插件,可逐步增强页面以更像单页应用程序

multiscroll.js

multiscroll.js 是一个简单的插件,用于创建带有两个垂直滚动面板的多滚动网站。

multiscroll.js 是一个简单的 jQuery 插件,用于在本周设计师新闻中创建多滚动网站

matchHeight.js

matchHeight.js 是一个更强大的 jQuery 等高插件。

jquery.matchHeight.js 是一个更强大的 jQuery 前端等高插件

jQuery 导航和菜单插件

滑动条

Slidebars 是一个轻量级 (2kb) 插件,用于创建应用风格的推送菜单。

滑动条前端应用程序样式的推送菜单 jquery 插件

scotchPanels.js

scotchPanels.js 是一个 jQuery 非画布菜单和面板插件。

scotchPanels.js 一个 jQuery 关闭画布菜单和面板插件

用于媒体的 jQuery 插件(图像和视频)

焦点

Focuspoint 是一个插件,用于动态裁剪图像以填充可用空间,而无需剪切图像的主题。

用于响应式裁剪的 Focuspoint jQuery 插件

流体箱

Fluidbox 是 Medium.com 灯箱模块的复制品,并进行了一些改进。

Fluidbox 前端 Medium 灯箱模块 jquery 插件

GIF播放器

GifPlayer 是一个小插件,可让您控制何时播放和停止动画 GIF。

GifPlayer 插件控制播放和停止 gif 动画 jquery

rowGrid.js

rowGrid.js 是一个用于将图像放置在支持无限滚动的网格上的插件。

rowGrid.js 图像网格无限滚动前端 jquery 插件

SVG魔术

SVGMagic 是一个简单的 SVG 后备插件,可以在您的网站上查找 SVG 图像,并在浏览器不支持时创建 PNG 版本。

SVGMagic 简单的 SVG 后备 jquery 插件

视频 jQuery

Vide 是一个 jQuery 插件,可轻松将视频背景添加到您的网页。
Vide - 用于视频背景的简单 jQuery 插件

密集的.js

Dense.js 是一个插件,用于轻松提供视网膜就绪图像。

Dense.js - 一个 jQuery 插件,用于轻松提供视网膜图像

封面视频

Covervid 是一个简单的插件,可让您使 HTML5 视频表现得像背景图像。

Covervid 是一个简单的 jQuery 插件,可以让你的 HTML5 视频表现得像背景图像

jQuery-裁剪框

jQuery-Cropbox 是一个非常有用的就地图像裁剪插件(缩放和平移,而不是选择和拖动)。

jQuery-Cropbox 图像裁剪前端 jquery 插件

人脸检测

人脸检测是一个强大的 jQuery/Zepto 插件,可以检测图像、视频和画布上的人脸。
人脸检测 - 一个强大的 jQuery/Zepto 插件,可以检测图像、视频和画布上的人脸

BttrLazyLoading

BttrLazyLoading 是一个插件,它允许您的 Web 应用程序仅在用户滚动时加载视口内的图像。

BttrLazyLoading 加载图像视口滚动插件

jQuery 滑块、轮播和图库插件

简单的 jQuery 滑块

Simple jQuery Slider 是一个轻量级的 jQuery Slider,它完全可以做一个滑块应该做的事情:'slides slides'。

超简单轻量级的jQuery Slider

FSVS

FSVS 是一个简单的全屏垂直滑块,使用带有 jQ​​uery 回退的 CSS3 过渡。
FSVS 使用带有 jQ​​uery 回退的 CSS3 过渡的简单全屏垂直滑块

anoFlow

anoFlow 是一个功能丰富且响应迅速的灯箱/画廊插件。

anoFlow 功能丰富的响应式灯箱库插件

纳米画廊

nanoGALLERY 是一个响应迅速、支持触控且易于使用的图片库插件。

nanoGALLERY 响应式触摸启用易于使用的图片库插件 jquery

Justified.js

Justified.js 是一个插件,可以创建一个对齐的图像网格。

Justified.js - 一个 jQuery 插件,可以创建一个对齐的图像网格

随机播放图像

Shuffle Images 是一个 jQuery 插件,它允许您通过移动或摇动光标来显示和随机播放画廊中的多个图像。

Shuffle Images 插件,允许您在图库中显示和随机播放多个图像

跳过

Skippr 是一个超级简单和轻量级的 jQuery 幻灯片插件。

Skippr 是一个超级简单和轻量级的 jQuery 幻灯片插件

jQuery 文本效果插件

字体Flex.js

fontFlex.js 是一个用于动态更改字体大小的轻量级插件。

jQuery.fontFlex.js 轻量级 jQuery 扩展,用于动态改变字体大小

打字机

t.js 是一个轻量级的 jQuery 插件,用于类似打字机的文本效果。

t.js 轻量级 jQuery 插件,用于类似打字机的文本效果

变形文字

Morphext – Animate.css 支持的 jQuery 轮播插件,用于文本短语。

由 Animate.css 提供支持 Morphext 是一个用于文本短语的简单 jQuery 轮播插件

拆分字符

Splitchar 是一个 jQuery 插件,可让您设计和设计字符的前半部分、后半部分或两部分。

Splitchar 是一个 jQuery 插件,可让您在本周设计师新闻中设计角色的前半部分、后半部分或两部分

jQuery 表单元素插件

引导验证器

BootstrapValidator 是一个用于验证 Bootstrap 表单的 jQuery 插件。

BootstrapValidator - 一个用于验证 Bootstrap 表单的 jQuery 插件

标签美

Labelauty – 一个漂亮且轻量级的 jQuery 插件,为复选框和单选按钮提供美感。
Labelauty - 一个漂亮且轻量级的 jQuery 插件,为复选框和单选按钮提供美感

监护人

Guardian 是一个灵活且易于扩展的通用表单验证 jQuery 插件。
Guardian 灵活且易于扩展的通用表单验证 jQuery 插件

字体图标选择器

fontIconPicker 是一个轻量级插件,允许您在任何表单中包含一个简单的图标选择器(带有搜索和分页)。

fontIconPicker 轻量级插件简单的图标选择器

捉迷藏

HideSeek 是一个简单但可定制的实时搜索 jQuery 插件。

HideSeek 可定制的 jQuery 插件,用于实时搜索

时钟选择器

ClockPicker 是一个用于 jQuery 或 Bootstrap 的时钟样式的时间选择器。

ClockPicker 是用于 Bootstrap 或 jQuery 的时钟样式时间选择器

jQuery 实用插件

jQuery 确认邮件

jQuery Confirm Mailto 是一个插件,用于在打开任何mailto:通过他们的默认电子邮件客户端链接。

jQuery Confirm Mailto jQuery 插件在打开 mailto 链接之前进行确认

jNottery

jNottery 是一个插件,允许您向页面添加注释。

jNottery jQuery 插件,允许您向网页添加注释

响应式标签

响应式标签是一个提供响应式标签功能的插件。

响应式选项卡 一个提供响应式选项卡功能的 jQuery 插件

自适应背景.js

Adaptive-backgrounds.js 是一个很酷的插件,它从你的网页上的图像中提取主色并将颜色应用到它们的父级。

从网页上的图像中提取主色并神奇地将颜色应用于其父 jquery 插件

……最后……

天文馆

Planetarium 是一个 jQuery 插件,可让您构建交互式行星并构建宇宙!

jQuery.planetarium 构建交互式行星并构建宇宙

表拖

table-dragger 允许您在没有 jQuery 的情况下轻松地将拖放排序添加到表中。

表拖

选择器

Selector 是一个微型 JavaScript 库,用作 jQuery 的替代品,大小接近 5KB。

选择器

wanker.js

jquery.wanker.js 是一个幽默的 jQuery 插件,当人们在尝试查看响应式断点时开始过度调整桌面浏览器的大小时,它会显示一个公共服务公告。 正如他们所说,“网络是用来阅读的,而不是用来压扁的!”

jquery.wanker.js 前端 jquery 插件