当前位置：文档之家› jQuery插件教程(搜罗了全部插件)

jQuery插件教程(搜罗了全部插件)

jQuery插件教程(搜罗了全部插件)
jQuery插件教程(搜罗了全部插件)

200+ jQuery插件

jQuery由美国人John Resig创建，至今

已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情)。jQuery是轻量级的js库(压缩后只

有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html 内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义

id即可。

全世界的JS高手都在为jQuery开发着各种jQuery插件, 在帕兰映像之前的文章里面, 也介绍过很多关于JQeury插件的文章:

?50多个强大的jQuery插件应用实例

?37个更加出色的jQuery插件

?45个新鲜出炉的jQuery插件

?51+最佳jQuery教程和示例

另位在本站有关设计开发的几篇热门搜索文章里面, 也总能看到jQuery的踪影.

?30多个CSS和JS下拉菜单资源

?30个精挑细致的Ajax和Javascript 技巧

?37个Ajax和CSS实现的Tab选项卡

?13个效果超酷的Javascript网页导航菜单

?30个Ajax/Javscript 滑动门, 滚动栏和滚动条技术

这两天又看到一篇收集jQuery插件的文章, 出自kollermedia, 收集了200多个jQuery插件. 虽然是比较早期的文章, 但对设计开发人员来说还是非常有用的.

文件上传类jQuery插件

Ajax File Upload.

jQUploader.

Multiple File Upload plugin.

jQuery File Style.

Styling an input type file.

Progress Bar Plugin.

表单验证类jQuery插件

jQuery Validation.

Auto Help.

Simple jQuery form validation.

jQuery XAV - form validations.

jQuery AlphaNumeric.

Masked Input.

TypeWatch Plugin.

Text limiter for form fields.

Ajax Username Check with jQuery.

表单选择框类jQuery插件

jQuery Combobox.

jQuery controlled dependent (or Cascadign) Select List.

Multiple Selects.

Select box manipulation.

Select Combo Plugin.

jQuery - LinkedSelect

Auto-populate multiple select boxes.

Choose Plugin (Select Replacement).

表单基本、输入框、选择框等jQuery插件

jQuery Form Plugin.

jQuery-Form.

jLook Nice Forms.

jNice.

Ping Plugin.

Toggle Form Text.

ToggleVal.

jQuery Field Plugin.

jQuery Form’n Field plugin.

jQuery Checkbox manipulation.

jTagging.

jQuery labelcheck.

Overlabel.

3 state radio buttons.

ShiftCheckbox jQuery Plugin.

Watermark Input.

jQuery Checkbox (checkboxes with imags). jQuery SpinButton Control.

jQuery Ajax Form Builder.

jQuery Focus Fields.

jQuery Time Entry.

时间、日期和颜色选取类jQuery插件

jQuery UI Datepicker.

jQuery date picker plugin.

jQuery Time Picker.

Time Picker.

ClickPick.

TimePicker.

Farbtastic jQuery Color Picker Plugin.

Color Picker by intelliance.fr.

投票类jQuery插件

jQuery Star Rating Plugin.

jQuery Star Rater.

Content rater with https://www.doczj.com/doc/7615620614.html,, ajax and jQuery. Half-Star Rating Plugin.

搜索类jQuery插件

jQuery Suggest.

jQuery Autocomplete.

jQuery Autocomplete Mod.

jQuery Autocomplete by AjaxDaddy.

jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter.

AutoCompleter (Tutorial with PHP&MySQL).

quick Search jQuery Plugin.

jQuery编辑器插件

jTagEditor.

WYMeditor.

jQuery jFrame.

Jeditable - edit in place plugin for jQuery. jQuery editable.

jQuery Disable Text Select Plugin.

Edit in Place with Ajax using jQuery.

jQuery Plugin - Another In-Place Editor. TableEditor.

tEditable - in place table editing for jQuery. 多媒体、视频、Flash等类jQuery插件

jMedia - accessible multi-media embedding. JBEdit - Ajax online Video Editor.

jQuery MP3 Plugin.

jQuery Media Plugin.

jQuery Flash Plugin.

Embed QuickTime.

SVG Integration.

图片类jQuery插件

ThickBox.

jQuery lightBox plugin.

jQuery Image Strip.

jQuery slideViewer.

jQuery jqGalScroll 2.0.

jQuery - jqGalViewII.

jQuery - jqGalViewIII.

jQuery Photo Slider.

jQuery Thumbs - easily create thumbnails.

jQuery jQIR Image Replacement.

jCarousel Lite.

jQPanView.

jCarousel.

Interface Imagebox.

Image Gallery using jQuery, Interface & Reflactions. simple jQuery Gallery.

jQuery Gallery Module.

EO Gallery.

jQuery ScrollShow.

jQuery Cycle Plugin.

jQuery Flickr.

jQuery Lazy Load Images Plugin.

Zoomi - Zoomable Thumbnails.

jQuery Crop - crop any image on the fly.

Image Reflection.

Google地图类jQuery插件应用

jQuery Plugin googlemaps.

jMaps jQuery Maps Framework.

jQmaps.

jQuery & Google Maps.

jQuery Maps Interface forr Google and Yahoo maps.

jQuery J Maps - by Tane Piper.

游戏类jQuery插件

Tetris with jQuery.

jQuery Chess.

Mad Libs Word Game.

jQuery Puzzle.

jQuery Solar System (not a game but awesome jQuery Stuff). 表格,网格类jQuery插件

UI/Tablesorter.

jQuery ingrid.

jQuery Grid Plugin.

Table Filter - awesome!.

TableEditor.

jQuery Tree Tables.

Expandable “Detail” Table Rows.

Sortable Table ColdFusion Costum Tag with jQuery UI.

jQuery Bubble.

TableSorter.

Scrollable HTML Table.

jQuery column Manager Plugin.

jQuery tableHover Plugin.

jQuery columnHover Plugin.

jQuery Grid.

TableSorter plugin for jQuery.

tEditable - in place table editing for jQuery. jQuery charToTable Plugin.

jQuery Grid Column Sizing.

jQuery Grid Row Sizing.

统计类jQuery插件

jQuery Wizard Plugin .

jQuery Chart Plugin.

Bar Chart.

边框、圆角、背景类jQuery插件

jQuery Corner.

jQuery Curvy Corner.

Nifty jQuery Corner.

Transparent Corners.

jQuery Corner Gallery.

Gradient Plugin.

文字和超链接类jQuery插件

jQuery Spoiler plugin.

Text Highlighting.

Disable Text Select Plugin.

jQuery Newsticker.

Auto line-height Plugin.

Textgrad - a text gradient plugin.

LinkLook - a link thumbnail preview.

pager jQuery Plugin.

shortKeys jQuery Plugin.

jQuery Biggerlink.

jQuery Ajax Link Checker.

文本提示类jQuery插件

jQuery Plugin - Tooltip.

jTip - The jQuery Tool Tip.

clueTip.

BetterTip.

Flash Tooltips using jQuery.

ToolTip.

菜单和导航类jQuery插件

jQuery Tabs Plugin - awesome! . [demo nested tabs.]

another jQuery nested Tab Set example (based on jQuery Tabs Plugin). jQuery idTabs.

jdMenu - Hierarchical Menu Plugin for jQuery.

jQuery SuckerFish Style.

jQuery Plugin Treeview.

treeView Basic.

FastFind Menu.

Sliding Menu.

Lava Lamp jQuery Menu.

jQuery iconDock.

jVariations Control Panel.

ContextMenu plugin.

clickMenu.

CSS Dock Menu.

jQuery Pop-up Menu Tutorial.

Sliding Menu.

http://stilbuero.de/jquery/tabs_3/

幻灯片、手风琴特效类jQuery插件

jQuery Plugin Accordion.

jQuery Accordion Plugin Horizontal Way.

haccordion - a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de.

HoverAccordion.

Accordion Example from https://www.doczj.com/doc/7615620614.html,.

jQuery Accordion Example.

jQuery Demo - Expandable Sidebar Menu.

Sliding Panels for jQuery.

jQuery ToggleElements.

Coda Slider.

jCarousel.

Accesible News Slider Plugin.

Showing and Hiding code Examples.

jQuery Easing Plugin.

jQuery Portlets.

AutoScroll.

Innerfade.

拖放类jQuery插件

UI/Draggables.

EasyDrag jQuery Plugin.

jQuery Portlets.

jqDnR - drag, drop resize.

Drag Demos.

XML XSL JSON Feeds相关jQuery插件

XSLT Plugin.

jQuery Ajax call and result XML parsing.

xmlObjectifier - Converts XML DOM to JSON.

jQuery XSL Transform.

jQuery Taconite - multiple Dom updates.

RSS/ATOM Feed Parser Plugin.

jQuery Google Feed Plugin.

浏览器

Wresize - IE Resize event Fix Plugin.

jQuery ifixpng.

jQuery pngFix.

Link Scrubber - removes the dotted line onfocus from links.

jQuery Perciformes - the entire suckerfish familly under one roof. Background Iframe.

QinIE - for proper display of Q tags in IE.

jQuery Accessibility Plugin.

jQuery MouseWheel Plugin.

警告, 提示, 确认等对话框

jQuery Impromptu.

jQuery Confirm Plugin.

jqModal.

SimpleModal.

CSS

jQuery Style Switcher.

JSS - Javascript StyleSheets.

jQuery Rule - creation/manipulation of CSS Rules.

jPrintArea.

DOM、AJAX和其它JQuery插件

FlyDOM.

jQuery Dimenion Plugin.

jQuery Loggin.

Metadata - extract metadata from classes, attributes, elements. Super-tiny Client-Side Include Javascript jQuery Plugin.

Undo Made Easy with Ajax.

JHeartbeat - periodically poll the server.

Lazy Load Plugin.

Live Query.

jQuery Timers.

jQuery Share it - display social bookmarking icons.

jQuery serverCookieJar.

jQuery autoSave.

jQuery Puffer.

jQuery iFrame Plugin.

Cookie Plugin for jQuery.

jQuery Spy - awesome plugin.

Effect Delay Trick.

jQuick - a quick tag creator for jQuery.

Metaobjects.

elementReady.

jQuery打印插件PrintArea实现jQuery打印插件PrintArea实现

实现javascript打印功能，打印整个页面就很简单，但如果指定打印某一个区域就有点难点，这里有一个jQuery插件PrintArea可实现打印页面某区域功能。 使用说明 需要使用jQuery库文件和PrintArea库文件 使用方法 一，包含文件部分 1. 2. 二，html部分 1.

打印
2.
3......文本打印部分..... 4.
三，javascript部分 1.$("div#biuuu_button").click(function(){ 2.$("div#myPrintArea").printArea(); 3.}); jQuery插件PrintArea完整方法如下： 1.(function($) { 2.var printAreaCount = 0; 3.$.fn.printArea = function() 4.{ 5.var ele = $(this); 6.var idPrefix = "printArea_"; 7.removePrintArea( idPrefix + printAreaCount ); 8.printAreaCount++; 9.var iframeId = idPrefix + printAreaCount; 10.var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;'; 11.iframe = document.createElement('IFRAME'); 12.$(iframe).attr({ style : iframeStyle, 13.id : iframeId 14.});

jQuery插件库

https://www.doczj.com/doc/7615620614.html, web前端培训教程：jQuery插件库 插件(Plugin)也成为jQuery 扩展(Extension)，是一种遵循一定规范的应用程序接口编写出来的程序。目前jQuery 插件已超过几千种，由来自世界各地的开发者共同编写、验证和完善。而对于jQuery 开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成本。 一．插件概述 插件是以jQuery 的核心代码为基础，编写出复合一定规范的应用程序。也就是说，插件也是jQuery 代码，通过js 文件引入的方式植入即可。 插件的种类很多，主要大致可以分为：UI 类、表单及验证类、输入类、特效类、Ajax 类、滑动类、图形图像类、导航类、综合工具类、动画类等等。 引入插件是需要一定步骤的，基本如下： 1.必须先引入jquery.js 文件，而且在所有插件之前引入； 2.引入插件；

https://www.doczj.com/doc/7615620614.html, 3.引入插件的周边，比如皮肤、中文包等。 二．验证插件 Validate.js 是jQuery 比较优秀的表单验证插件之一。这个插件有两个js 文件，一个是主文件，一个是中文包文件。使用的时候，可以使用min 版本；在这里，为了教学，我们未压缩版本。 验证插件包含的两个文件分别为：jquery.validate.js 和 jquery.validate.messages_zh.js。 //HTML 内容

用户名： * 电子邮件： * 网址：
//jQuery 代码 $(function () {

jQuery 插件开发详解

JavaScript jQuery 插件开发 jQuery 插件开发其实很简单 jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件 经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。 【基础】 a)样式 很多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属性：position,margin,paddi ng,width,height,left,top,float,border,background... UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果的协调。举个简单的例子，一个简单的页面，马虎的人： 复制代码代码如下: Test Page jQuery是一个框架！压缩后有30多k吧。

细心的人： 复制代码代码如下: Test Page jQuery是一个框架！压缩后有30多k吧。 专心的人： [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 我们对比一下三者的UI效果：

JQUERY插件JQGRID常用属性说明

希望这个帮助文档能对jQuery插件的学习有所帮助 jqGrid包说明: jquery.js is the jQuery library, jquery.jqGrid.js主单元，包含的功能取决您的选择 grid.basic.js主插件其他插件包依赖于该插件正常运行 grid.custom.js Grid高级插件功能包 grid.formedit.js用于表格编辑、增加、删除功能 grid.inlinedit.js线条编辑 grid.subgrid.js一个处理表格的插件 grid.postext.js一个可以用来操作post数据的包 jqModal.js模态对话框的编辑 jqDnR.js可拖拉的表格编辑 themes包含gird需要的样式表 一、功能描述： jqGrid包主要用于将需要展示的数据动态的展示在页面的上，即动态画出表格，并封装了增、删、改、查、分类显示、在线编辑修改等功能。 二、关键使用说明： 1、导入jqGrid包，在首页属性里面添加如下包的信息 注：由于加载js包会耗费大量资源，建议动态加载这些js包，优化页面初始化效率。 2、在页面上需要添加表格的地方，增加

list表格id，pager为表格导航条id

Jquery插件的使用--AutoComplete

Jquery插件的使用--AutoComplete Jquery插件是很不错的一种客户体验，今天就来讲讲我使用的AutoComplete插件，首先需要做一些准备工作：这3个文件还是少不了的（可以到Jquery官网去下载） 一、直接使用构造的json数据来实现 然后当然是写js代码了，首先来个稍微简单点的，最后的一个列子讲解如何从数据库中提取数据来实现这个效果（实际上都差不多）