用于前端开发的 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 插件,用于将您的布局部分相互“堆叠”并通过滚动访问它们。
fullPage.js
fullPage.js 是一个用于创建全屏滚动网站的简单插件。
gridscrolling.js
gridscrolling.js 是一个用于在网格中定位部分和边的插件,并允许轻松的光标键导航。
闪片
Flickerplate 是一个响应式、支持触控的轻量级插件,可让您“快速浏览”内容。
jInvertScroll
jInvertScroll 是一个轻量级的插件,它允许您在向下滚动时使用视差效果水平移动。
动画
Animsition 是一个简单的插件,用于添加带有 CSS 动画的页面过渡。
砖工作
Brick Work 是一个轻量级 (15kb) 且功能丰富的插件,用于创建响应式动态布局。
滚动我
ScrollMe 是一个轻量级插件,可让您为网页添加简单的滚动效果。
平滑状态.js
jquery.smoothState.js 是一个插件,可以逐步增强页面,使其更像单页应用程序。
multiscroll.js
multiscroll.js 是一个简单的插件,用于创建带有两个垂直滚动面板的多滚动网站。
matchHeight.js
matchHeight.js 是一个更强大的 jQuery 等高插件。
jQuery 导航和菜单插件
滑动条
Slidebars 是一个轻量级 (2kb) 插件,用于创建应用风格的推送菜单。
scotchPanels.js
scotchPanels.js 是一个 jQuery 非画布菜单和面板插件。
用于媒体的 jQuery 插件(图像和视频)
焦点
Focuspoint 是一个插件,用于动态裁剪图像以填充可用空间,而无需剪切图像的主题。
流体箱
Fluidbox 是 Medium.com 灯箱模块的复制品,并进行了一些改进。
GIF播放器
GifPlayer 是一个小插件,可让您控制何时播放和停止动画 GIF。
rowGrid.js
rowGrid.js 是一个用于将图像放置在支持无限滚动的网格上的插件。
SVG魔术
SVGMagic 是一个简单的 SVG 后备插件,可以在您的网站上查找 SVG 图像,并在浏览器不支持时创建 PNG 版本。
视频 jQuery
Vide 是一个 jQuery 插件,可轻松将视频背景添加到您的网页。
密集的.js
Dense.js 是一个插件,用于轻松提供视网膜就绪图像。
封面视频
Covervid 是一个简单的插件,可让您使 HTML5 视频表现得像背景图像。
jQuery-裁剪框
jQuery-Cropbox 是一个非常有用的就地图像裁剪插件(缩放和平移,而不是选择和拖动)。
人脸检测
人脸检测是一个强大的 jQuery/Zepto 插件,可以检测图像、视频和画布上的人脸。
BttrLazyLoading
BttrLazyLoading 是一个插件,它允许您的 Web 应用程序仅在用户滚动时加载视口内的图像。
jQuery 滑块、轮播和图库插件
简单的 jQuery 滑块
Simple jQuery Slider 是一个轻量级的 jQuery Slider,它完全可以做一个滑块应该做的事情:'slides slides'。
FSVS
FSVS 是一个简单的全屏垂直滑块,使用带有 jQuery 回退的 CSS3 过渡。
anoFlow
anoFlow 是一个功能丰富且响应迅速的灯箱/画廊插件。
纳米画廊
nanoGALLERY 是一个响应迅速、支持触控且易于使用的图片库插件。
Justified.js
Justified.js 是一个插件,可以创建一个对齐的图像网格。
随机播放图像
Shuffle Images 是一个 jQuery 插件,它允许您通过移动或摇动光标来显示和随机播放画廊中的多个图像。
跳过
Skippr 是一个超级简单和轻量级的 jQuery 幻灯片插件。
jQuery 文本效果插件
字体Flex.js
fontFlex.js 是一个用于动态更改字体大小的轻量级插件。
打字机
t.js 是一个轻量级的 jQuery 插件,用于类似打字机的文本效果。
变形文字
Morphext – Animate.css 支持的 jQuery 轮播插件,用于文本短语。
拆分字符
Splitchar 是一个 jQuery 插件,可让您设计和设计字符的前半部分、后半部分或两部分。
jQuery 表单元素插件
引导验证器
BootstrapValidator 是一个用于验证 Bootstrap 表单的 jQuery 插件。
标签美
Labelauty – 一个漂亮且轻量级的 jQuery 插件,为复选框和单选按钮提供美感。
监护人
Guardian 是一个灵活且易于扩展的通用表单验证 jQuery 插件。
字体图标选择器
fontIconPicker 是一个轻量级插件,允许您在任何表单中包含一个简单的图标选择器(带有搜索和分页)。
捉迷藏
HideSeek 是一个简单但可定制的实时搜索 jQuery 插件。
时钟选择器
ClockPicker 是一个用于 jQuery 或 Bootstrap 的时钟样式的时间选择器。
jQuery 实用插件
jQuery 确认邮件
jQuery Confirm Mailto 是一个插件,用于在打开任何mailto:
通过他们的默认电子邮件客户端链接。
jNottery
jNottery 是一个插件,允许您向页面添加注释。
响应式标签
响应式标签是一个提供响应式标签功能的插件。
自适应背景.js
Adaptive-backgrounds.js 是一个很酷的插件,它从你的网页上的图像中提取主色并将颜色应用到它们的父级。
……最后……
天文馆
Planetarium 是一个 jQuery 插件,可让您构建交互式行星并构建宇宙!
表拖
table-dragger 允许您在没有 jQuery 的情况下轻松地将拖放排序添加到表中。
选择器
Selector 是一个微型 JavaScript 库,用作 jQuery 的替代品,大小接近 5KB。
wanker.js
jquery.wanker.js 是一个幽默的 jQuery 插件,当人们在尝试查看响应式断点时开始过度调整桌面浏览器的大小时,它会显示一个公共服务公告。 正如他们所说,“网络是用来阅读的,而不是用来压扁的!”