有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性，而且熟悉它的功能和特点。 [img]http://files.jb51.net/file_images/article/201412/201412152133232.jpg[/img] jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题，那就必须收藏使用JavaScript函数库 [quote][/quote] jQuery库是Web开发人员的重要来源。你会发现很多互联网的jQuery插件都是免费使用的，但发现这些优秀的jQuery插件，需要你花费许多时间，经过许多个站点来了解最新和最流行的jQuery库。 所以，在今天的文章中，我们收集了许多最适合应用在网站中的jQuery库。你可以使用它们来为自己的网站添加很酷的效果。 1. [url=http://jquery-plugins.net/treed-powerful-tree-editor]Treed[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133233.png[/img] Treed 可以用在你网站上的树形编辑。它是可扩展的，可定制的，功能强大且非常易于使用的插件。 2. [url=http://jquery-plugins.net/jquery-vibrate-js-vibration-api-wrappers]jQuery Vibrate[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133234.png[/img] 这是专门为移动设备建立的。它允许开发者在一个特定的时间周期的对任何设备进行振动操作。 3. [url=http://jquery-plugins.net/flight-indicators-jquery-plugin]Flight Indicators[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133235.png[/img] 这是一个非常容易使用的插件。您可以使用HTML，CSS3，jQuery和SVG图像显示高品质的飞行指标。. 4. [url=http://jquery-plugins.net/jquery-lightslider-lightweight-responsive-content-slider]jQuery LightSlider[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133236.png[/img] Lightslider可以为你网站提供自适应和可触摸的内容滑块。带滑动和淡入淡出效果，它与所有主流浏览器兼容。 5. [url=http://jquery-plugins.net/jquery-goup-jquery-scroll-to-top-plugin]jQuery GoUp![/url] [img]http://files.jb51.net/file_images/article/201412/201412152133237.png[/img] 这是一个非常简单而且易于使用的插件。它可以让您的网站访问者直接返回到页面的顶部点击。 6. [url=http://jquery-plugins.net/image-cropper-jquery-image-cropping-plugin]Image Cropper[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133238.png[/img] 这个jQuery插件允许你裁剪网站上的图像。它还提供了一些选项和预览。还可以设置高度和宽度。 7. [url=http://jquery-plugins.net/devrama-slider-jquery-image-html-slider-plugin]Devrama Slider[/url] [img]http://files.jb51.net/file_images/article/201412/201412152133239.png[/img] Devrama是一个自适应图像滑块插件。支持图片和HTML内容。而且带有各种过渡效果。 8. [url=http://jquery-plugins.net/jqfader-jquery-plugin-to-make-fading-out-elements]jQFader[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332310.png[/img] jQFader是一个非常简单的插件，可以让网站的元素在实现淡出效果。风格朴素而且简单易用，非常适合在您的网站。 9. [url=http://lab.hakim.se/forkit-js/]Forkit[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332311.png[/img] Forkit.js是一个展示动画丝带的jQuery插件，可以为访客带来额外的惊喜内容。它通常被放置在右上角。 10. [url=https://github.com/impressivewebs/vertical-news-slider]Vertical News Slider[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332312.png[/img] 正如其名称所暗示的，是一个基于jQuery和CSS3的滑块，显示新闻标题左侧同时预览的选项，并简要总结。 11. [url=https://github.com/albburtsev/jquery.lookingfor]Looking For[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332313.png[/img] 这是一个允许在页面上的列表项搜索文本的jQuery插件，它同时也隐藏了那些不匹配的项目。 12. [url=https://github.com/kenwheeler/browserSwipe]Browser Swipe[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332314.png[/img] 这个插件允许你滚动时禁用在网站上触控板刷卡事件。根据鼠标滚轮和上下滚动控制它的反应。 13. [url=https://github.com/sosweetcreative/ChickenDinner]Chicken Dinner[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332315.png[/img] ChickenDinner是一个独特的jQuery插件。它允许随机从客户端阵列通过图像标记或背景加载图像。 14. [url=https://github.com/chrishumboldt/flickerplate]Flicker Plate[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332316.png[/img] 这是一个自适应和易于使用的jQuery插件。它可以让你在一个页面上翻页浏览网页上的内容。 15. [url=http://svgmagic.bitlabs.nl/]SVGMagic[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332317.jpg[/img] 要SVG图像转换成PNG？使用这个简单的jQuery库。如果你浏览器不支持SVG格式，它可以搜索你网站上SVG图像，并将其转换为PNG图片。 16. [url=https://github.com/tylerpearson/lazyYT]lazyYT[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332318.png[/img] 这个jQuery插件是用来延迟加载YouTube视频的。在第一次加载时，格将被替换的视频预览图片，点击后，将自动播放。 17. [url=http://janpaepke.github.io/ScrollMagic/#info]ScrollMagic[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332319.png[/img] 有了这个插件，当内容向下滚动到一个特定的位置，你可以控制与用户不同的交互元素，动画炫酷，等等，。 18. [url=http://brunjo.github.io/rowGrid.js/]RowGrid[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332320.png[/img] RowGrid是一个把图片或者其他元素在一条直线排在您的网站的jQuery插件。这是一个小而易用的工具。 19. [url=http://vodkabears.github.io/remodal/]Remodal[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332321.png[/img] 这个jQuery插件用于散列跟踪和声明式状态符号。它是自适应，扁平化，易于定制的插件。 20. [url=http://www.thepetedesign.com/demos/panorama_viewer_demo.html]Panorama Viewer[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332322.png[/img] 这是一个非常有用的jQuery插件。它允许你在网站插入全景照片展示更多的独特的感觉。 21. [url=http://clubdesign.github.io/floatlabels.js/]Floatlabels[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332323.png[/img] 这是一个对开发者非常熟悉的jQuery插件。当用户相互关联的任何文本，占位符值向上移动时会显示在上面键入的文本。 22. [url=https://github.com/terrymun/Fluidbox]Fluidbox[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332324.png[/img] 这是一个非常有用的jQuery插件。它复制并提高了在它链接到更大的分辨率图像的方式看到介质流体灯箱模块。 23. [url=https://github.com/WickyNilliams/headroom.js]Headroom[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332325.png[/img] Headroom.js可以帮助你保持网站主内容贴近用户的主导航。当网站向下滚动时，它自动缩回；当向上滚动时，它自动显示。 24. [url=https://github.com/varunnaik/A-Slider]A-Slider[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332326.png[/img] A-Slider 是一个自适应的简单滑块，它也支持音频，而且非常容易使用，可以高度可配置的使用HTML的功能。 25. [url=https://github.com/coverflowjs/coverflow]CoverflowJS[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332327.png[/img] 这是的CoverFlow项目，允许你通过结合jQuery的UI组件和CSS3样式的来创建一个功能齐全的“CoverFlow”的效果。 注：cover flow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。 26. [url=https://github.com/markserbol/urlive]jQuery URLive[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332328.png[/img] 这个jQuery插件非常类似于Facebook帖子的附件功能。它允许你创建任意URL的基于其开放式图形属性实时预览。 27. [url=https://github.com/shprink/BttrLazyLoading]BttrLazyLoading[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332329.png[/img] 这个插件允许Web应用程序只加载那些视窗内的图像。可以有不同版本的图像在四个不同的屏幕尺寸。 28. [url=https://github.com/vaakash/jquery-collapser]jQuery Collapser[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332330.png[/img] 这个jQuery插件可以让你用文字，字符和线条来灵活的折叠元素的文本。它具有多种函数来实现一个段落的折叠功能。 29. [url=https://github.com/pederan/Parallax-ImageScroll]Parallax ImageScroll[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332331.png[/img] 这个插件可以创建一个图像的视差效果。它使用简单，并提供了许多选项进行修改。还可以使用动画和CSS3样式。 30. [url=https://github.com/DominikGorecki/block-scroll]Block Scroll[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332332.png[/img] 这个jQuery插件打破了页面中一小部分内容的更好展示。通过一次显示的元素作为一个屏幕，使整个页面自动适应。 31. [url=https://github.com/dynamicdriverepo/fullpageimageslideshow]Full Page Image Slideshow[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332333.png[/img] 整个页面的允许自动扩展图像幻灯片的jQuery插件，自动填补显示器。图像可以放大和缩小进入视野。 32. [url=https://github.com/mattrand/EasyTree]EasyTree[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332334.png[/img] EasyTree是一个用来在你的网站上设计转换UL列表或JSON的一个树形菜单的jQuery插件。它是非常容易使用，并且对所有人完全免费。 33. [url=https://github.com/toepoke/mapsed]Mapsed[/url][url=https://github.com/blogvisa/che_azeh] [/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332335.jpeg[/img] Mapsed可以让你在地图上选择地方变得很容易。您还可以添加和编辑自定义的地方，可以弥补 Google Places API。 34. [url=https://github.com/bodrovis/RadiantScroller]Radiant Scroller[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332336.png[/img] 有了这个jQuery插件，你可以使用网格和水平布局创建一个具有自动响应的滚动效果。它可以与各种选项和一些API方法来修改。 35. [url=http://osvaldas.info/image-lightbox-responsive-touch-friendly]Image Lightbox[/url][url=https://github.com/benplum/Tabber] [/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332337.jpg[/img] 这是一个仅供图像灯箱效果的小插件。它在没有标题和导航按钮的情况下极其简单。它反应灵敏，触摸友好的，并在适用于所有主要的移动操作系统。 36. [url=https://github.com/MatchingRadar/Mr.JsonTable]Mr.JsonTable[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332338.png[/img] 这个jQuery插件非常简单易用。你可以从JSON数据中使用分页和排序的优势来建立HTML页面。你还可以隐藏列。 37. [url=https://github.com/periplox/jquery.imagefit]ImageFit[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332339.png[/img] 这是一个对开发者来说非常方便的jQuery插件。它简单，轻便。它允许你在网站上用任何方式把图像适用在任何地方。 38. [url=https://github.com/nghuuphuoc/bootstrapvalidator]Bootstrap Validator[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332340.png[/img] 当你想用验证选项来创建一个网站时，这个jQuery插件是非常有用的。它有许多内置选项。很容易使用和理解。 39. [url=https://github.com/nielse63/jQuery-ResizeEnd]Resize End Plugin[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332341.png[/img] 这是用于加载后调整浏览器窗口大小的有用插件。你可以轻松地处理或调整完成后的事件。 40. [url=https://github.com/briangonzalez/jquery.adaptive-backgrounds.js]Adaptive Backgrounds[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332342.gif[/img] 这是个用来从图像中提取最适合的颜色的jQuery插件，并将其应用到它的父元素的背景总。 41. [url=https://github.com/fabioquarantini/formchimp]FormChimp[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332343.png[/img] 这是个可以自定义定制的MailChimp 的jQuery插件。使用ajax为用户登录Mailchimp列表提供了一种简单的方法。 42. [url=https://github.com/ianjmacintosh/jquery-password-peekaboo]Password Peekaboo[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332344.png[/img] 这个jQuery插件用来暂时显示密码字段，如果用户想看到它。用户可以看到自己的密码与躲猫猫功能。 43. [url=https://github.com/anovi/selectonic]Selectonic[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332345.png[/img] 这个jQuery插件通过鼠标和键盘来实现可选的项目清单。你可以在不同的网络应用程序使用一个像菜单窗口小部件和下拉菜单等。 44. [url=https://github.com/charmpitz/sudoku-plugin]Sudoku[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332346.png[/img] 这个jQuery插件用于播放或演示创建自定义的数独布局。它是自适应的。主题颜色也非常漂亮。 45. [url=http://www.elevateweb.co.uk/image-zoom/examples]Elevate Zoom[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332347.png[/img] 这个jQuery插件允许你创建图像缩放界面。它是高度可定制的，很容易在你的网站使用。为了获得最佳效果，请使用两个图像。 46. [url=https://github.com/migreyes/jquery.wanker]Wanker.js[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332348.gif[/img] 这个插件在设计你的公共服务公告会非常有用。你可以显示你的工作，并使用这个插件让你的访客专注于你的工作。 47. [url=https://github.com/creative-area/jQuery-form-autofill]Form Autofill[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332349.png[/img] 这个jQuery插件对Web开发人员来说非常有用。这是一个简单的自动填写数据的空白表单。对程序员来说也是非常容易使用的。 48. [url=https://github.com/davidjbradshaw/imagemap-resizer]Image Map Resize[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332350.gif[/img] 这个插件可以让你保持缩放到图像的尺寸的HTML图像映射。当窗口大小改变时，它会更新图像映射的坐标，。 49. [url=https://github.com/damonbauer/Full-Screen-Nav]jQuery Full Screen Nav[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332351.png[/img] 这个jQuery插件会实现一个<nav>菜单覆盖整个屏幕，同时它会计算页面加载的时候窗口的大小从而调整链接的大小。 50. [url=https://github.com/SuzhouKada/jquery]SuzhouKada[/url] [img]http://files.jb51.net/file_images/article/201412/2014121521332352.png[/img] 这个jQuery插件可以让你填写你的网站链接后点击一下就可以看到的链接所指的网站预览图片。 总结 在这篇文章中，我们分享了一些有用的jQuery库，你可以用在你的网站上来解决任何问题。我们希望所有的这些插件可以增强你的网站性能，并给用户带来一个良好的体验。所有这些jQuery插件是非常有用的，能创造性的让您的网站变得更加好看。 如果您认为我们已经错过了一些优秀的插件，当然你可以随意添加自己喜欢的jQuery插件的到这个列表中，这样所有其他的设计师和开发人员也可以使用在他们的网站上面。你可以通过简单地在下面的评论中提供你收藏的jQuery插件做到这一点。 注：原文参考自：[url=http://www.1stwebdesigner.com/tutorials/useful-jquery-libraries/]50 Most Useful jQuery Libraries[/url] 。本文由欲思原创编译，部分翻译删改或有误请谅解。转载请注明出处。 转载请注明：欲思博客