在工作中,用一些插件,会大大提供用户体验友好度,同时也提高开发效率。以下是一些不错的JQ插件,希望能对大家有所帮助。
1. Form表单样式插件:
一个jQuery样式插件,帮助你对表单中的控件进行式样控制。
demo url: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
2. 报表插件 Flot:
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
demo url: http://people.iola.dk/olau/flot/examples/
3. 文件上传推荐百度的webuploader和uploadify:
demo url: http://fex-team.github.io/webuploader/demo.html
4. 自动匹配下拉框jQuery Autocomplete:
demo url: http://jquery.bassistance.de/autocomplete/demo/
5. 对话框以及弹窗为一体的JS框架:Jquery Layer
demo:http://sentsin.com/jquery/layer/
6. JQ 表单验证:
S.Sam制作表单验证+提示,隆重推荐,不用写额外的代码,只要在reg属性中写入正则后,就会根据我们的需求进行验证,大家的福音,比很多表单验证好用多了。
下载地址:http://www.cnblogs.com/S.Sams/archive/2008/08/07/tooltip.html
7. vTip 提示框:
demo url : http://www.vertigo-project.com/files/vTip/example.html
8. 日期插件 My97DatePicker
My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件。具有强大的日期范围限制功能;自定义事件和丰富的API库;多语言支 持和自定义皮肤支持;跨无限级框架显示和自动选择显示位置。
官方地址:http://www.my97.net
9. LightBox插件 ColorBox
ColorBox是一个轻量级,可定制的Lightbox插件,可以在jQuery 1.3 和1.4中使用,ColorBox支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。
10.JQUERY编辑器推荐使用xheditor和百度的ueeditor
PS:个人更喜欢XHEDITOR的简洁风格。
11.JQUERY分页。
官方网址:https://github.com/jonpauldavies/jquery-pager-plugin
12.JQUERY放大镜,IE兼容很好。
官方网址:http://www.mind-projects.it/projects/jqzoom/
DEMO:http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
13.多级导航条JQ插件,找这样的导航条很难找,要找兼容浏览器,要么收费,要么就是有BUG。这个网站提供的插件,提供多套JQ导航条插件,样式很多。其中有些不兼容所有浏览器,有些完全兼容。看自己选择。
官方网址:http://apycom.com/
14.SuperSlide:常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决,其兄弟插件:TouchSlide专门针对移动端的不二之选。
官方网址:http://www.superslide2.com/
15.图片懒加载:jquery lazyload
如果说懒加载中做得用户体验最好的,就属淘宝UED官网做出来的效果,非常不错。
http://www.appelsiini.net/projects/lazyload
16.下拉框插件(可多选,自定义):jquery-multiselect
DEMO:http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
文档:http://www.erichynds.com/blog/jquery-ui-multiselect-widget
下载:https://github.com/ehynds/jquery-ui-multiselect-widget
17.ckplayer:国产不错的视频播放器
官方地址:http://www.ckplayer.com/
再+一款不错的:http://www.cuplayer.com
18.jquery taginput:输入框标签插件
官方地址:http://xoxco.com/projects/code/tagsinput/
GIT官网:https://github.com/xoxco/jQuery-Tags-Input
教程:http://www.jq22.com/jquery-info426
19.图表插件
A) 百度echarts http://echarts.baidu.com/
B) 阿里G2 http://g2.alipay.com/
20.粘性滚动插件 sticky
网址:https://www.cnblogs.com/codedisco/p/12543639.html
相关推荐
你可以通过查看源代码来学习其工作原理,这对于初学者或者希望深入了解jQuery插件开发的人来说是一个很好的学习机会。 标签“清除html格式”是这个插件的核心特性,它可能包括移除HTML标签、属性、样式以及其他非...
5. **易于集成**:作为一款jQuery插件,它应该提供简单的API接口和配置选项,以便开发者轻松地将其集成到现有的项目中。 6. **响应式设计**:考虑到可能在不同尺寸的设备上使用,插件应该具备响应式布局,确保在...
"50个jQuery插件介绍"这篇文档很可能包含了对各种功能强大、用途广泛的jQuery插件的详细解读,帮助开发者提升网站的用户体验和功能实现。 首先,jQuery插件是jQuery库的扩展,由社区开发者创建,用于解决特定问题或...
3. **jQuery插件**:对于Eclipse,有几种插件可以实现jQuery支持,例如“JSDT (JavaScript Development Tools)”和“WTP (Web Tools Platform)”。它们通过集成jQuery的库信息,提供了代码完成、语法高亮和错误检测...
Cropper是一款强大的图片裁剪工具,它提供了丰富的API和选项,使得在前端进行图片裁剪操作变得简单而高效,特别适用于创建用户头像选择或编辑的场景。 **描述分析:** 描述中提到,这个Demo是基于Cropper插件整理...
"一款头像裁剪jquery插件"正是解决这一问题的有效工具,它基于JavaScript库jQuery构建,提供了强大的图片裁剪功能,支持图片的放大、缩小及预览,还能将裁剪后的头像转换为blob对象以便于上传。 1. **jQuery基础** ...
Fancybox是一款流行的jQuery插件,用于创建优雅的弹出式图像查看器。它支持多种媒体类型,包括图片、HTML内容、YouTube视频等。Fancybox的特点是简洁的设计和高度可定制性,允许开发者自定义按钮、皮肤和动画效果。...
**jQuery插件大全:打造网页交互新体验** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的...在实际工作中,合理地利用jQuery插件,能有效地提高开发效率,同时也能创造出更加吸引用户的网页界面。
**知识点**: 易于集成到现有表单中的jQuery插件,提供自动补全功能,提高用户输入效率。 #### 4. FacebooklikeAutocomplete **知识点**: 类似于Facebook的AutoCompleter插件,基于jQuery开发,模仿社交网络的自动...
总的来说,这款基于Jquery插件的Web快速开发工具是Visual Studio开发环境的一个强大补充,尤其适用于那些频繁使用JqueryUI和Rozor视图引擎的Web开发者。它通过自动化和标准化的代码生成,降低了开发复杂性,提升了...
本文将详细介绍20款非常优秀的jQuery工具提示插件,它们可以在不同场合下满足开发者的各种需求。以下是一些推荐的工具提示插件: 1. **Dynamic Tooltip**:这是一款为Flowplayer视频播放器设计的动态工具提示插件,...
本文将深入探讨一个针对鼠标双击和触摸屏双击事件检测的jQuery插件——jQuery-doubleTap。 **一、插件简介** jQuery-doubleTap是一款专门用于检测鼠标双击和移动设备触摸屏双击事件的插件。它通过优化"click"和...
【jQuery插件详解】 在网页开发中,jQuery插件是一种扩展了jQuery库功能的JavaScript代码,使得开发者可以更轻松地实现复杂的功能,如动画效果、交互控件等。本资源包含十套常用的精美jQuery插件,涵盖了多个实用...
这款"jQuery 适用于 DreamWeaver 的 代码提示 插件"正是为了解决在DreamWeaver中编写jQuery代码时的提示与自动完成问题,提高开发效率。 首先,让我们了解一下jQuery的基本概念。jQuery是一个轻量级的库,其核心...
10. **D3.js**:虽然不是直接的jQuery插件,但D3库允许开发者直接操作DOM来创建复杂的可视化,可与jQuery结合使用。 每个插件都有其特点和适用场景,选择时应考虑性能、功能需求、学习曲线以及项目的兼容性要求。...
本主题聚焦于"jQuery插件 简单日期设置",这通常指的是利用jQuery来创建一个简单易用的日历插件,只用于选择日期,不涉及时间选择,适用于那些只需要日期输入的场景。 首先,我们了解jQuery插件的基本结构。一个...
无论是对于前端开发者还是后端开发者而言,这款插件都能大大减少编码工作量,提高开发效率。同时,由于其强大的功能和良好的兼容性,使其成为了许多项目中的首选方案。 通过上述步骤和示例代码,您可以快速上手...
本文将深入探讨名为“Smart Alert”的jQuery插件,它是一款用于创建漂亮弹出对话框的库。 **1. jQuery插件概述** jQuery是一个广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery插件...