三大极致优雅的jQuery插件

柠檬铺

2015年9月27日

在网站建设的前端开发过程中，为了实现一些优雅的交互效果，达到优化用户体验的目的，或多或少都会使用到一些优秀的jQuery插件。

遵照jQuery提出的"Write Less, Do more"理念，我们应该提倡这种借助优秀jQuery插件来达到自己想要的交互效果的目的。在这里，佚站互联为大家推荐几个非常优秀的jQuery插件，希望能够对大家有所帮助。

虽然自己使用jQuery写一个弹出对话框效果并非难事，但是偶然发现这样一个设计精美，交互极其优雅的jQuery对话框插件，还是忍不住研究一番。

alertify.js是一个轻量级带有对话框窗口以及提示的插件，当你拿来使用的时候，自定义非常方便，只需要调用它所提供的API函数便可以方便快捷地使用它。调用方式可以参考以下代码：// 弹出对话框 galertify.alert("Message");

// 确认对话框alertify.confirm("Message",function (e) { if(e) { // 当用户点击“ok” } else { // 当用户点击“cancel” } });除此之外，它在IE浏览器下的兼容性效果也不赖。

jQuery表单插件

Form表单是大家在网站前端开发中经常使用的HTML元素，可是往往默认的表单元素样式与交互效果不够精美优雅。

在苦苦寻觅之中，终于找到了这个可以定制Form部分表单元素样式，并且具有优雅交互效果的jQuery插件。调用方式可以参考以下代码：

$(document).ready(function() { $('input').iCheck({ checkboxClass:'icheckbox_minimal', radioClass:'iradio_minimal' }); });

它的优点在于小巧、而且可以自定义Check和Radio元素的色彩，非常方便。不过遗憾的是它并没有支持所有的表单元素效果，所以推荐可以与Bootstrap一起使用。

上传功能在一些企业网站建设里面经常会使用到，自从有了HTML5以后，上传的效果更是丰富多彩，类似于上篇《网站开发工具》里提到的Chrome、Firefox等高级浏览器甚至支持拖拽功能。

该插件非常简洁方便，着实好用，支持多文件选择，拖拽上传文件，进度条显示以及预览图片功能。

它还支持跨域以及客户端对图片尺寸的改变，兼容任意服务器平台（PHP, Python, Ruby on Rails, Java等）。

插件中还融入了简单的CSS3动画效果，感兴趣的朋友不妨一试。

无论使用哪个插件，最终的目的还是为了优化用户体验，给用户创造更好的网站印象，如果您有其他更为优秀的jQuery插件，不妨共同分享一下

柠檬铺