基于jQuery 常用控件收集

合集下载

jQuery:收集一些基于jQuery框架开发的控件(jquery插件)

jQuery:收集一些基于jQuery框架开发的控件(jquery插件)

jQuery:收集一些基于jQuery框架开发的控件(jquery插件)jQuery:收集一些基于jQuery框架开发的控件/jquery插件Coda Popup Bubbles采用jQuery开发,类似“冒泡”效果的提醒弹出框。

主页:/doc/f98298580.html,/coda-popup-bubbles/下载:/doc/f98298580.html,/coda-popup-bubbles/ (没找到)示例:/doc/f98298580.html,/demo/coda-bubble.htmlSimple Effects PluginsjQuery特效插件,可以实现收缩,隐藏,显示,淡入/淡出和上下滑动效果等.主页:/doc/f98298580.html,/2008/02/simple-effects-plugins下载:/doc/f98298580.html,/2008/02/simple-effects-plugins (没找到)示例:/doc/f98298580.html,/2008/02/simple-effects-pluginsmcDropdown jQuery Plug-inmcDropdown是一个独特的UI控件,它能够让用户在一个复杂分级的树形下拉选项中进行选择。

主页:/doc/f98298580.html,/labs/mcdropdown_jqu ery_plugin.htm下载:/doc/f98298580.html,/labs/downloads/jquer y.mcdropdown.zip示例:/doc/f98298580.html,/labs/mcdropdown_jqu ery_pluginjQuery.Hotkeys plugin这个jQuery插件能够帮助你快速创建键盘触发事件。

支持任意组合键。

主页:/doc/f98298580.html,/p/js-hotkeys/ 下载:/doc/f98298580.html,/files/jshotkeys-0.7.8.zip示例:/doc/f98298580.html,/test-static-01.htmljGrowljGrowl用于制作消息弹出框的jQuery插件。

Jquery操作Html控件CheckBox、Radio、Select控件

Jquery操作Html控件CheckBox、Radio、Select控件

Jquery操作Html控件CheckBox、Radio、Select控件在使⽤ Javascript 编写前台脚本的时候,经常会操作 Html 控件,⽐如 checkbox、radio、select,⽤ Jquery 库操作其他会⽅便很多,下⾯⽤Jq对这些控件的操作进⾏⼀个全⾯的代码总结。

⼀、Jquery 对 CheckBox 的操作:<input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox"/><span>篮球</span><input id="ckb2" name="ckb" checked="checked" value="1" type="checkbox"/><span>排球</span><input id="ckb3" name="ckb" disabled="disabled" value="2" type="checkbox"/><span>乒乓球</span><input id="ckb4" name="ckb" disabled="disabled" value="3" type="checkbox"/><span>⽻⽑球</span>1、查找控件:(1) 选择所有的 checkbox 控件:根据input类型选择: $("input[type=checkbox]") 等同于⽂档中的 $("input:checkbox")根据名称选择:$("input[name=ckb]")(2) 根据索引获取checkbox控件:$("input:checkbox:eq(1)") 结果返回:<input id="ckb2" name="ckb" value="1" type="checkbox" /><span>排球</span>(3) 获得所有禁⽤的 checkbox 控件:$("input[type=checkbox]:disabled")结果返回:<input id="ckb3" name="ckb" disabled="disabled" value="2" type="checkbox" /><span>乒乓球</span><input id="ckb4" name="ckb" disabled="disabled" value="3" type="checkbox" /><span>⽻⽑球</span>(4)获得所有启⽤的checkbox控件$("input:checkbox[disabled=false]")结果返回:<input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox" /><span>篮球</span><input id="ckb2" name="ckb" checked="checked" value="1" type="checkbox" /><span>排球</span>(5)获得所有checked的checkbox控件$("input:checkbox:checked")结果返回:<input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox" /><span>篮球</span><input id="ckb2" name="ckb" checked="checked" value="1" type="checkbox" /><span>排球</span>(6)获取所有未checkd的checkbox控件$("input:checkbox:[checked=false]")结果返回:<input id="ckb3" name="ckb" disabled="disabled" value="2" type="checkbox" /><span>乒乓球</span><input id="ckb4" name="ckb" disabled="disabled" value="3" type="checkbox" /><span>⽻⽑球</span>(7)获得value 为 0 的checkbox 控件$("input[type=checkbox][value=0]")结果返回:<input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox" /><span>篮球</span>2、禁⽤:(1)禁⽤所有的checkbox控件:$("input:checkbox").attr("disabled", true)(2)启⽤某些禁⽤的 checkbox 控件:$("input:checkbox:disabled").attr("disabled", false);(3)判断value=0的checkbox是否禁⽤:if ($("input[name=ckb][value=0]").attr("disabled") == true) {alert("不可⽤");}else {alert("可⽤");}3、选择:(1)全选:$("input:checkbox").attr("checked", true);(2)全不选:$("input:checkbox").attr("checked", false);(3)反选:$("input:checkbox").each(function () {if ($(this).attr("checked")) {//$(this).removeAttr("checked");$(this).attr("checked", false);}else {$(this).attr("checked",true);}});4、取值:function GetCkboxValues() {var str="";$("input:checkbox:checked").each(function () {switch ($(this).val()) {case "0":str += "篮球,";break;case "1":str += "排球,"; break;case "2":str += "乒乓球,";break;case "3":str += "⽻⽑球,";break;}});str=str.substring(0, str.length - 1)}⼆、Jquery 对 Radio 的操作:<input name="edu" value="0" type="radio" checked="checked"/><span>专科</span><input name="edu" value="1" type="radio"/><span>本科</span><input name="edu" value="2" type="radio" disabled="disabled"/><span>研究⽣</span> <input name="edu" value="3" type="radio" disabled="disabled"/><span>博⼠⽣</span> 1、查找控件:(1)选择所有的 Radio控件//根据input类型选择$("input[type=radio]") //等同于⽂档中的 $("input:radio")//根据名称选择$("input[name=edu]")(2)根据索引获得 Radio控件$("input:radio:eq(1)")结果返回:<input name="edu" value="1" type="radio" /><span>本科</span>(3)获得所有禁⽤的 Radio 控件$("input:radio:disabled")结果返回:<input name="edu" value="2" type="radio" disabled="disabled" /><span>研究⽣</span><input name="edu" value="3" type="radio" disabled="disabled"/><span>博⼠⽣</span> (4)获得所有启⽤的 Radio 控件$("input:radio[disabled=false]")结果返回:<input name="edu" value="0" type="radio" checked="checked" /><span>专科</span><input name="edu" value="1" type="radio" /><span>本科</span>(4)获得checked的 RadioButton 控件$("input:radio:checked") //等同于 $("input[type=radio][checked]")结果返回:<input name="edu" value="0" type="radio" checked="checked" /><span>专科</span>(5)获取未checked的 RadioButton 控件$("input:radio[checked=false]").attr("disabled", true);结果返回:<input name="edu" value="1" type="radio" /><span>本科</span><input name="edu" value="2" type="radio" disabled="disabled" /><span>研究⽣</span><input name="edu" value="3" type="radio" disabled="disabled"/><span>博⼠⽣</span> (6)获得value 为 0 RadioButton 控件$("input[type=radio][value=0]")结果返回:<input name="edu" value="0" type="radio" checked="checked" /><span>专科</span>2、禁⽤:(1)禁⽤所有的Radio$("input:radio").attr("disabled", true);或者 $("input[name=edu]").attr("disabled", true);(2)禁⽤索引为1的Radio控件$("input:radio:eq(1)").attr("disabled", true);(3)启⽤禁⽤的Radio控件$("input:radio:disabled").attr("disabled", false);(4)禁⽤当前已经启⽤的Radio控件$("input:radio[disabled=false]").attr("disabled", true);(5)禁⽤ checked 的RadioButton控件$("input[type=radio][checked]").attr("disabled", true);(6)禁⽤未checked 的RadioButton控件$("input:[type=radio][checked=false]").attr("disabled", true);(7)禁⽤value=0 的RadioButton$("input[type=radio][value=0]").attr("disabled", true);3、取值:$("input:radio:checked").val()4、选择:(1)判断value=1 的radio控件是否选中,未选中则选中:var v = $("input:radio[value=1]").attr("checked"); if (!v) { $("input:radio[value=1]").attr("checked", true); } (2)转换成Dom元素数组来进⾏控制选中:$("input:radio[name=edu]").get(1).checked = true;三、Jquery 对 Select 操作<select id="cmbxGame"><option value="0" selected="selected">⿊猫警长</option><option value="1" disabled="disabled">⼤头⼉⼦</option><option value="2">熊出没</option><option value="3">喜⽺⽺</option></select>1、禁⽤:(1)禁⽤select 控件$("select").attr("disabled", true);(2)禁⽤select中所有option$("select option").attr("disabled", true);(3)禁⽤value=2 的option$("select option[value=2]").attr("disabled", true);(4)启⽤被禁⽤的option$("select option:disabled").attr("disabled", false);2、选择:(1)option 值为 2 的被选择:var v = $("select option[value=2]").attr("selected");if (!v) {$("select option[value=2]").attr("selected", true);}(2) 索引为 2 的option 项被选择$("select")[0].selectedIndex = 2;或者 $("select").get(0).selectedIndex = 2;或者 $("select option[index=2]").attr("selected", true);3、获取选择项的索引:(1)获取选中项索引:jq 中的 get 函数是将jq对象转换成了dom元素var selectIndex = $("select").get(0).selectedIndex;或者 var selectIndex = $("select option:selected").attr("index");(2)获取最⼤项的索引:var maxIndex = $("select option:last").attr("index")或者 var maxIndex = $("select option").length - 14、删除select 控件中的option(1)清空所有option$("select option").empty();(2)删除 value=2 的option$("select option[value=2]").remove();(3)删除第⼀个option$("select option[index=0]").remove();(4)删除 text="熊出没" 的option$("select option[text=熊出没]").remove(); //此⽅法某些浏览器不⽀持⽤下⾯的⽅法替代注意:each 中不能⽤break ⽤return false 代替,continue ⽤ return true 代替$("select option").each(function () {if ($(this).text() == "熊出没") {$(this).remove();return false;}});5、在select中插⼊option(1)在⾸位置插⼊ option 并选择$("select").prepend("<option value='0'>请选择</option>");$("select option[index=0]").attr("selected", true);(2)在尾位置插⼊ option 并选择$("select").append("<option value=\"5\">哪吒闹海</option>");var maxIndex = $("select option:last").attr("index")$("select option[index=" + maxIndex + "]").attr("selected", true);(3)在固定位置插⼊⽐如第⼀个option 项之后插⼊新的option 并选择$("<option value=\"5\">哪吒闹海</option>").insertAfter("select option[index=0]");或者$("select option[index=0]").after("<option value=\"5\">哪吒闹海</option>"); $("select option[index=1]").attr("selected", true);6、取值:function GetCbxSelected() {var v = $("select option:selected").val();var t = $("select option:selected").text();alert("值:" + v + "⽂本:" + t);}。

12款很好用的_jQuery_图片滚动插件===

12款很好用的_jQuery_图片滚动插件===

12款很好用的jQuery 图片滚动插件这里收集了12款很好用的jQuery 图片滚动插件分享给大家。

jQuery 作为最流行的JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用。

其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力。

SlidesSlides 是一款精巧的jQuery 幻灯片插件,有循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页。

3D Image SliderFace Detection是一个非常不错的插件,正如它的名字一样,它用于照片的人脸检测。

Portfolio Image Navigator精致的图片导航效果,通过四个方向的箭头控制,适合作品展示的应用场合。

Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的jQuery 插件和WordPress 插件两个版本。

目前下载量已经突破1,800,000 次!Rotating Image Slider非常非常炫的图片旋转滑动特效,相信会给你留下深刻印象。

SlidySlidy是一个可定制自动变换效果的插件。

MobilyNotesMobilyNotes是一个轻量级(只有2KB)的jQuery插件,可以让图像或其它HTML内容以层叠的方式显示。

jQuery Easy Slides这是一个非常易用的幻灯片插件,同样非常轻量,与JavaScript和CSS加起来才2.1KB。

BookletBooklet是一个用于把图片或者更多其他的内容以书本的形式显示的jQuery插件,有翻页效果。

ppGalleryLightbox 弹窗效果效果的图片切换,有缩略图导航和滑动切换功能,支持自动播放。

PikachoosePikachoose也是一个轻量级的jQuery插件,可以让图片以幻灯片的格式显示,可设置导航按钮和自动播放。

AviaSliderAviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。

jQuery常用插件收集

jQuery常用插件收集

jQuery常用插件收集参与人员:声明:以下资源经来源于网络,为了方便自己和各位jQuery爱好者对常用jQuery插件的查找,便将自己收集的jQuery插件进行分类整理,与大家共同分享,如果你知道更好的jQuery插件,可以告诉大家,也可以邮件给我,我来整理。

目录AutoComplete搜索 (3)lightbox图片展示 (4)文字特效 (9)Lodging (9)编辑器 (10)Picker调色板 (11)Grid表格数据 (11)Tabs (13)提示框 (14)Portlets (15)拖放插件 (15)Form (15)menu菜单 (18)文件上传控件 (20)tree树 (20)windows弹出框 (22)AutoComplete搜索�AutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。

主页:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/示例:http://jquery.bassistance.de/autocomplete/demo/�Facebook like Autocomplete基于jQuery开发,类似于FaceBoox提供的AutoCompleter。

主页:http://web2ajax.fr/examples/facebook_searchengine/�jQuery Autocomplete ModjQuery Autcomplete插件。

能够限制下拉菜单显示的结果数。

主页:/workshop/jquery/autocomplete.htm�jqac基于Jquery开发的Autocomplete插件。

具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。

主页:/p/jqac/示例:http://www.cs.bgu.ac.il/~ygleyzer/files/utils/jqac/jqac_example.html�jQuery.Suggest跨浏览器支持,基于jQuery开发的Autocomplete library。

9款样式华丽的jQuery日期选择和日历控件

9款样式华丽的jQuery日期选择和日历控件

9款样式华丽的jQuery⽇期选择和⽇历控件现在的⽹页应⽤越来越丰富,我们在⽹页中填写⽇期和时间已经再也不⽤⼿动输⼊了,⽽是使⽤各种各样的⽇期时间选择控件,⼤部分样式华丽的⽇期选择和⽇历控件都是基于jQuery和HTML5的,⽐如今天要分享的这9款⽇期选择控件,漂亮的UI外观加上⼈性化的操作设计,⼤⼤提⾼了⽤户体验,让我们⼀起来欣赏⼀下吧。

1、HTML5移动端外观时尚的⽇期时间选择控件之前我们介绍过很多基于jQuery的⽇期时间选择控件,⽐如这款基于Bootstrap和jQuery的⽇历控件和⽇期选择插件。

今天我们要分享⼀款基于HTML5的移动端⽇期时间选择控件,它的外观⽐较特别,适合移动设备中使⽤,当然PC端⽤起来也⾮常不错。

在线演⽰ / 源码下载2、基于Bootstrap和jQuery的⽇历控件和⽇期选择插件这次我们要来分享⼀款漂亮⽽且实⽤的jQuery⽇历控件和⽇期选择插件,⽽且这款⽇历控件是基于Boostrap的,外观还不错。

控件有两种模式,⼀种是⽇历模式,可以快速定位年份和⽉份,很⽅便。

另⼀种是⽇期选择模式,单击输⼊框即可弹出⽇期选择控件,并且⽀持格式化⽇期。

在线演⽰ / 源码下载3、jQuery/CSS3带数字时钟的圆盘时钟之前我们分享过很多基于jQuery和CSS3的时钟插件了,有数字时钟,⽐如这款CSS3倒计时时钟动画,也有⼀些圆盘时钟,⽐如这款HTML5仿Apple Watch时钟动画和HTML5 SVG圆盘时钟动画 5种时钟样式。

今天要介绍的这款时钟插件是数字时钟和圆盘时钟的混合,也就是在圆盘时钟上嵌⼊了⼀个数字时钟,更加美观和实⽤。

在线演⽰ / 源码下载4、jQuery万年历插件带农历⽼皇历功能这是⼀款基于jQuery的⽇历插件,这款⽇历插件和之前分享的⽇历控件有很⼤差异,它是⼀本万年历,包含了农历已经⽼皇历的功能,是⼀个挑好⽇⼦的⼯具。

同时⽇历还可以查看本年度的放假安排,功能⾮常强⼤。

jQuery插件汇总(待添加)

jQuery插件汇总(待添加)

本文由我司收集整编,推荐下载,如有疑问,请与我司联系jQuery 插件汇总(待添加)2013/10/08 0 jQuery 插件jQuery Spin Button 自定义文本框数自增或自减jQuery 插件JQuery Pager 分页器实现javascript 分页功能jQuery 插件FontSizer 实现Javascript 自定义动态调整网页文字大小jQuery 插件Magnify 放大镜实现javascript 图片放大功能jQuery 插件tooltip 提示条实现Javascript 动态文字或图片提示效果jQuery 插件Step Carousel Viewer 实现Javascript 图片滑动旋转效果jQuery 插件accordion 折叠菜单实现Javascript 展开收缩菜单功能jQuery 插件ImageFlyout 弹出图片实现javascript 放大图片功能jQuery 插件SmoothNavigationalMenu 导航菜单实现Javascript 下拉多级菜单功能jQuery 插件PiroBox 弹出图片盒实现Javascript 新窗口全屏图片展示功能jQuery 插件CalendarWidget 日历工具实现Javascript 简单日历功能jQuery 插件Datepicker 日期选择器实现Javascript 自定义日期时间选择功能jQuery 插件TableSearch 表搜索实现Javascript 搜索表内容功能jQuery 插件floatbox 浮动层实现javascript 弹出浮动窗口功能jQuery 插件timers 定时器实现javascrip 定时或按钮控制功能jQuery 插件absolutizePrototypePort 实现Javascript 绝对定位jQuery 插件$.event.special.drag 拖动实现javascript 随意定制拖动功能jQuery 插件smartFocus 实现javascript 文本框blur 焦点显示或隐藏默认效果jQuery 插件AjaxFileUpload 文件上传实现Javascript 多文件上传功能jQuery 插件AjaxManager 实现Javascript 自定义ajax 请求和响应时间功能jQuery 插件AjaxQueue 队列实现Javascript 队列或同步请求功能jQuery 插件ajaxContent 实现javascript 通过ajax 获取任意内容jQuery 插件Add2Cart 添加到购物车实现javascript 动态提示添加到购物车效果jQuery 插件animateToClass 实现javascript 自定义动画效果jQuery 插件Lightweight Rich Text Editor 轻量级编辑器jQuery 插件Adjacent 实现动态获取相邻元素增加自定义效果jQuery 插件ColorBox 彩盒实现javascript 自定义灯箱效果jQuery 插件James 实现javascript 自动完成提示功能jQuery 插件Validate 验证表单实现javascript 表单验证功能jQuery 插件Validation 验证表单实现javascript 表单智能验证功能jQuery 插件QuickPaginate 快速分页实现javascript 分页功能jQuery 插。

jQuery 表格插件汇总

jQuery 表格插件汇总

本文由我司收集整编,推荐下载,如有疑问,请与我司联系
jQuery 表格插件汇总
2010/07/28 5187 本文搜集了大量jQuery 表格插件,帮助Web 设计者更好地驾御HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进
行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。

这些插件很多都包
含详细的教程。

希望能对大家的开发有帮助。

jQuery 表格插件Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过Ajax 连接XML 数据源,类似Ext Grid,但基于jQuery 因此更轻量小巧。

Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid - 在HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。

JQTreeTable - 在表格中加入树形结构
Scrollable HTML table - 将普通HTML 表格变为可滚动状态。

将表头部分放入THEAD 区,内容部分放入TBODY 区,脚注部分放入TFOOT 区域,引用webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建ScrollableTable() 对象即可(演示)。

KeyTable - 象Excel 那样,在单元格之间巡游,可以现场编辑。

graphTable - 借助flot 将HTML 表格中的内容变成图形(演示)。

JQuery插件下载资源大全(200多个)

JQuery插件下载资源大全(200多个)

概述jQuery 是继prototype 之后又一个优秀的Javascript 框架。

其宗旨是—写更少的代码,做更多的事情。

它是轻量级的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 即可。

今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。

文件上传(Fileupload)Ajax File Upload.jQUploader.Multiple File Upload plugin.jQuery File Style.Styling an input type file.Progress Bar Plugin.表单验证(Form Validation)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.表单-选取框(Form - Select Box stuff)jQuery Combobox.jQuery controlled dependent (or Cascadign) Select List.Multiple Selects.Select box manipulation.Select Combo Plugin.jQuery - LinkedSelectAuto-populate multiple select boxes.Choose Plugin (Select Replacement).表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)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.时间、日期和颜色选取(Time, Date and Color Picker)jQuery UI Datepicker.jQuery date picker plugin.jQuery Time Picker.Time Picker.ClickPick.TimePicker.Farbtastic jQuery Color Picker Plugin.Color Picker by intelliance.fr.投票插件(Rating Plugins)jQuery Star Rating Plugin.jQuery Star Rater.Content rater with , ajax and jQuery.Half-Star Rating Plugin.搜索插件(Search Plugins)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.编辑器(Inline Edit& Editors)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等(Audio, Video, Flash, SVG, etc)jMedia - accessible multi-media embedding.JBEdit - Ajax online Video Editor.jQuery MP3 Plugin.jQuery Media Plugin.jQuery Flash Plugin.Embed QuickTime.SVG Integration.图片(Photos/Images/Galleries)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地图(Google Map)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.游戏(Games)Tetris with jQuery.jQuery Chess.Mad Libs Word Game.jQuery Puzzle.jQuery Solar System (not a game but awesome jQuery Stuff).表格等(Tables, Grids etc.)UI/Tablesorter.jQuery ingrid.jQuery Grid Plugin.Table Filter - awesome!.TableEditor.jQuery Tree Tables.Expandable “Detail” TableRows.Sortable Table ColdFusionCostum 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.统计图(Charts, Presentation etc.)jQuery Wizard Plugin .jQuery Chart Plugin.Bar Chart.边框、圆角、背景(Border, Corners, Background)jQuery Curvy Corner.Nifty jQuery Corner.Transparent Corners.jQuery Corner Gallery.Gradient Plugin.文字和超链接(Text and Links)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.鼠标提示(Tooltips)jQuery Plugin - Tooltip.jTip - The jQuery Tool Tip.clueTip.BetterTip.Flash Tooltips using jQuery.ToolTip.菜单和导航(Menus, Navigations)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.jVariations Control Panel.ContextMenu plugin.clickMenu.CSS Dock Menu.jQuery Pop-up Menu Tutorial.Sliding Menu.http://stilbuero.de/jquery/tabs_3/幻灯、翻转等(Accordions, Slide and Toggle stuff)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 .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.拖放插件(Drag and Drop)UI/Draggables.EasyDrag jQuery Plugin.jQuery Portlets.jqDnR - drag, drop resize.Drag Demos.XML XSL JSON FeedsXSLT 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.浏览器(Browserstuff)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.对话框、确认窗口(Alert, Prompt, Confirm Windows)jQuery Impromptu.jQuery Confirm Plugin.jqModal.SimpleModal.CSSjQuery Style Switcher.JSS - Javascript StyleSheets.jQuery Rule - creation/manipulation of CSS Rules.jPrintArea.DOM、AJAX和其它JQuery插件(DOM, Ajax and other jQuery plugins)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常用插件

JQuery常用插件

JQuery常用插件1.报表插件jqPlot案例一:2.表格插件table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。

大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table 更容易添加CSS样式。

但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。

这里推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。

如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。

1.DataTables-强大的jQuery表格插件DataTables是提供了大量特性的强大jQuery表格插件。

例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

2.uiTableFilter-jQuery表格过滤插件uiTableFilter是一个用于表格行筛选的jQuery插件。

插件作者提供了详细的例子来告诉大家如何将自己的表格和插件整合在一起并完成表格筛选。

3.Scrollable HTML Table-jQuery表格滚动插件Scrollable HTML Table jQuery插件可以让你的表格变得可以滚动控制。

4.Tablesorter-jQuery表格排序插件Tablesorter这个jQuery插件是用来将一个包含thead和tbody标签的标准HTML表格转变为无页面刷新的可排序表格。

它不但支持多列排序,而且跨浏览器兼容并且能通过widget系统进行扩展。

5.Flexigrid-Web2.0 jQuery表格插件Flexigrid 是一个轻量级的Web2.0 jQuery插件。

它包含很多非常Cool的特性,如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。

jQuery常用插件

jQuery常用插件

第十一章:jQuery常用插件(一)jQuery插件概述:插件(Plugin)也被称为扩展,是一种遵循一定规范的应用程序接口编写出来的程序。

jQuery有大量现成的插件,他们遵循了jQuery官方所规定的编写规范,通过各种功能的插件我们可以简单轻松的完成许多复杂的功能!PS:一句话,jQuery插件就是别人依照jQuery官方规范写好的各种功能,我们可以拿过来直接用,而不需要再去慢慢写!表单验证插件一、jQuery Validation概述1、介绍Validation是一个十分优秀的表单验证插件,它历史悠久,全球使用率超高,好评不断,下面我们一起简单的了解一下它的诸多优点:丰富的内置验证规则:经常用到的验证比如必填,是否是数字,电子邮件格式,url 等这一类验证都已内置,使用简单方便!可自定义验证规则:对于一些不是很常用的验证如果插件没有内置,大家可以自己定义,也很方便!验证的用户提示可定制型相当强:对于验证不通过时的用户提示,可以方便的修改以及修改错误提示信息的显示位置!网址:/2、主要方法这个插件有3个主要方法1、validate()用于验证表单,也是该插件最核心的方法2、valid()验证表单是否通过验证3、rules()为一个表单控件,查看、新增、移除规则3、增加了一些选择器:blank选择所有没有值或者值为空白的表单控件:filled选择所有填写了非空值的表单控件:unchecked与jQuery提供的:checked选择器相反4、使用初探<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript"src="js/jqueryvalidation/jquery.validate.min.js"></script>jQuery表单对象.validate();二、validate()方法1、常用配置选项1)rules$('#form1').validate({rules:{控件一:{验证规则一,验证规则二,验证规则三,....},控件二:{验证规则一},控件三:{验证规则一,验证规则二,...},.....}});2)messages提示:修改默认的提示信息最简单的办法引入messages_zh.js文件即可!如果需要在validate()方法内修改提示则可以使用本选项说明:自定义的提示信息,key:value 的形式,key 是要验证的元素,value 可以是字符串或函数使用:messages: {username: "请注意你的用户名",//此方法在username控件上的所有验证规则提示都是设置的这个字符串email: {required: "必须填写这个字段",email: "请填写真确的邮件格式"}}3)submitHandler类型: Function(form)说明:通过验证后运行的函数,默认添加该函数则不会再提交除非手动提交或者使用return true;函数参数:该函数接受一个参数表示当前表单 DOM对象4)invalidHandler类型: Function(event,validator)说明:当一个无效的表单(即验证不通过的时候)被提交的时候触发这个函数函数参数:当前验证的表单validator对象5)errorClass (默认值: error)说明:指定错误提示与验证不通过的控件的 css 类名6)validClass (默认值: "valid")类型: String说明:在验证成功的控件上加上传入的css类7)errorElement (默认值: "label")类型: String说明:用什么标签标记错误8)errorPlacement (默认值: 在无效的元素之后)类型: Function(error, element)说明:自定义错误信息放到哪里9)errorContainer类型:选择器字符串说明:有错误信息出现时把选择器匹配的元素变为显示,无错误时隐藏 10)errorLabelContainer类型:选择器字符串说明:把错误信息统一放在一个容器里面11)wrapper类型:String说明:用什么标签再把上边的 errorELement 包起来12)success类型:String or Function(label,element)说明:每个字段验证通过执行函数函数参数:label:信息提示标签的jQuery对象。

jQuery常用插件

jQuery常用插件

表单验证插件
一、表单验证Validation jQuery Validation是一个很好的表单校验插件。可 以到下边这个网址下载: http://bassistance.de/jquery-plugins/jqueryplugin-validation/ 下面我们用如下三个例子来说明如何使用该插件:
一、jQuery UI
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、 特效和可更换主题的可视控件。
jQuery UI插件
二、jQuery UI插件使用 jQuery UI中包含好多优秀的插件,我们引入后即 可以使用了。 下面是一些UI使用的实例,包括:对话框效果、 放大镜效果、日历、手风琴效果、鼠标拖拽、选菜单Accordion Menu Accordion Menu是一个可折叠菜单插件。可以到 下边这个网址下载: /dynamicindex17/d daccordionmenu.htm 这个插件使用比较简单。 1、引入jquery类库和手风琴插件(包含js和css以及 一些图片资源)。 2、实例化插件,设置插件的属性信息。
弹出窗插件
一、弹出窗Colorbox Colorbox弹出窗插件。可以到下边这个网址下载: /colorbox/ 1、引入jquery类库和弹出窗插件(包含js和css以及 一些图片资源)。 2、实例化插件,设置插件的属性信息。
jQuery UI插件
表单验证插件
一、表单验证Validation
添加自定义验证规则
1)增加IP地址验证规则。
$.validator.addMethod("ip", function(value, element) { return this.optional(element) || (/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));}, "Please enter a valid ip address."); 调用validator的addMethod方法,这里用到“正则表达式”进行校验。

jquery常用插件

jquery常用插件

jquery常用插件表单验证插件——validate该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options})其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。

例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入是否符合规则,并将异常信息显示在页面中,如下图所示:在浏览器中显示的效果:从图中可以看出,在页面中导入了validate插件,当用户在输入框中录入用户名时,自动根据规则进入验证,并显示提示信息,验证成功后,表单才能提交。

表单插件——form通过表单form ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下:$(form). ajaxForm ({options})其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。

例如,在页面中点击“提交”按钮,调用form插件的示:在浏览器中显示的效果:从图中可以看出,当点击“提交”按钮时,调用form表单插件中的ajaxForm()方法向指定的服务器以aj ax方式发送数据,服务器接收后返回并将数据显示。

图片灯箱插件——lightBox该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下:$(linkimage).lightBox({options})其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。

例如,以列表的方式在页面中展示全部的图片,当用户单击其中某张图片时,通过引入的图片插件,采用“灯箱”的方式显示所选的图片,如下图所示:在浏览器中显示的效果:图片放大镜插件——jqzoom在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的果,调用格式如下:$(linkimage).jqzoom({options})其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。

网站开发常用jQuery插件总结(四)验证插件validation

网站开发常用jQuery插件总结(四)验证插件validation

初夏早上六点,清亮透明的月儿还躲藏在云朵里,不忍离去,校园内行人稀少,我骑着单车,晃晃悠悠的耷拉着星松的睡眼。

校园内景色如常,照样是绿意盈盈,枝繁叶茂,鸟儿歌唱。

经过西区公园,看那碧绿的草地,飞翔中的亭子,便想起十七那年,在这里寻找春天的日子。

本想就此停车再感受一遍,可惜心中记挂北区的荷塘。

回想起冬日清理完荷塘的枯枝败叶,一片萧条的景色:湖水变成墨绿色,没有鱼儿游动,四处不见了鸟儿的踪影,只有莲藕躺在湖底沉沉睡去。

清洁大叔撑着竹竿,乘一叶扁舟,把一片片黑色腐烂的枯叶残枝挑上船。

几个小孩用长长的铁钩把莲蓬勾上岸,取下里头成熟的莲子。

网站开发常用jQuery插件总结(四)验证插件validation在网站开发过程中,有时我们需要验证用户输入的信息是否符合我们的要求,所以我们会对用户提交的数据进行验证。

验证分两次进行,一次是在客户端,一次是在服务端。

客户端的验证可以提升用户的体验。

jquery验证插件有很多,实现的功能也基本相同。

本文介绍的只是jquery验证插件中的一种jquery.validate1.jquery.validate插件功能简单实现客户端信息验证,过滤不符合要求的信息2.jquery.validate官方地址官方地址:/,有详细的插件使用说明官方demo:http://jquery.bassistance.de/validate/demo/3.jquery.validate使用方法1.引用js<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.validate.js"></script>2.css样式,可自定义,简单的只需要添加error样式,也可使用官方demo中的样式。

jquery javascript八款web程序插件,鼠标右键事件,鼠标滚轮事件,自定义弹窗风格

jquery javascript八款web程序插件,鼠标右键事件,鼠标滚轮事件,自定义弹窗风格

简介自我发表了有关jQuery JavaScript 库的第一个系列文章(参见参考资料)的这六个月来,在jQuery 领域发生了很多事情。

对我们这些jQuery 的信徒而言,最令人激动的莫过于Microsoft® 已经选择在其Visual Studio 套件中使用jQuery,并已经决定将jQuery 作为目前该套件所包含的惟一的JavaScript 库。

这显示了对jQuery 的极大支持,帮助巩固了jQuery 作为适用于Web 应用程序的领先JavaScript 库的地位。

jQuery 受欢迎程度不断攀升的另一个有力说明是更新后的Google Trends 图。

我在之前的一篇文章中介绍过该图表,它展示了jQuery 已经开始渐渐地从备用的这些JavaScript 库中脱离出来。

而六个月后,这种脱离更为明显,这一点从图1 和图2(忽略了12 份类似股票市场的下跌)所示的这两个更新后的Google 趋势图中可以看出。

图 1. 2008 年 6 月常用JavaScript 库的Google 趋势图图 2. 2009 年 1 月常用JavaScript 库的Google 趋势图在这个由五篇文章组成的系列文章中,我将更进一步,讨论在使用jQuery 中涉及到的一些属于中等级别的主题。

该系列涵盖的主题包括插件及插件的开发、jQuery UI 程序包、创建jQuery 小部件的一些较高深的主题、更先进的Asynchronous JavaScript + XML (Ajax) 技术,最后,还会对比JavaScript 及其他库来介绍jQuery 的性能。

本系列中的第一篇文章将讨论jQuery 中所使用的插件结构。

插件是jQuery 比其他JavaScript 库发展速度更快的最主要原因。

由于插件广受第三方开发人员忠爱,到目前为止,已经有上百个插件被开发出来,极大地丰富了jQuery 功能。

插件,从名字的字面意义不难看出,就是为了扩展jQuery 的核心下载所固有的功能而“插入” 到jQuery 的小部件或代码模块。

Jquery常用的插件

Jquery常用的插件

常用JQuery插件整理虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来。

UI:jquery.HooRay(哈哈,自己写的插件是必须有的)jquery UI(官方的UI插件,功能很多,但我只用少数几个)jQuery EasyUIjQuery LigerUI对话框:artDialog(很欣赏这个插件,又强大又美观)AsyncBox(制作者小吴同学也是博客园的人呢)jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者)lhgDialog(作者似乎和我同龄,挺不错的)表单验证:jquery-validate(这个就不用介绍了吧)jQuery formValidator(作者也是园子里的人哦)放大镜:cloud zoom(这个效果炫)图片查看:jquery.fancybox(网站打开有点慢)树状结构:JQuery zTree(最近刚发现的,还是国人做的,看了demo演示,很强大,不过还没正式使用过)JQuery Treeview(之前一直在用的,是老外的)焦点图:myFocus(又是一款国人的插件,花样很多,略有缺陷)soChange(如果项目没特别要求,一般都用这个,简单易上手)AnythingSlider评分:jquery.ratyTab:idTabs(虽然自己也写了tab选项卡的插件,但在之前一直用的都是这个)面包屑导航:jBreadCrumb(IE6下似乎有点问题)Tip:colortip分页:jPaginate上传:jUploader基于HTML5的可预览多图片Ajax上传应该还是有遗漏,一些用在特殊功能上的插件没有写上。

另外希望大家也说说常用的插件有哪些,好的插件必须拿出来和大家分享分享。

jquery中的常用事件bind、hover、toggle等示例介绍

jquery中的常用事件bind、hover、toggle等示例介绍

这篇文章主要介绍了jquery中常用的事件,比如$(document).ready()、bind、hover、toggle、click等等,并有示例,易于学习。

1.$(document).ready()$(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。

它和onload具有类似的效果。

但是也有一些差异:当一个文档完全下载到浏览器中时,会触发window.onload事件。

而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后,代码就可以运行,但并不意味着所有关联文件都已经下载完毕。

一个页面中一般只有一个onload事件处理程序,而且只能一次保存对一个函数的引用;而$(document).ready()是可以有多个。

一般来说$(document).ready()都要优于使用onload事件处理程序。

但是如果关联文件还没有加载完成,则类似图像高度、宽度的属性的调用就会有问题,因此需要在不同的时候选择合适的方法。

$(document).ready()有三种写法,分别是:$(document).ready(function(){//thisis the coding...});$().ready(function(){//thisis the coding...});$(function(){//thisis the coding...});2.事件绑定语法$(selector).bind(event,data,function)参数和描述:event:必需。

规定添加到元素的一个或多个事件。

由空格分隔多个事件。

必须是有效的事件。

data 可选。

规定传递到函数的额外数据。

function 必需。

规定当事件发生时运行的函数。

对应的有unbind():移除事件Eg: $(‘#idchoose').unbind(“click”,Function_Name)简写绑定事件:一般比较喜欢偏向简写$("#dividelement").bind("click",function(){//do something})改写为:$("#dividelement").click(function(){//do something }jQuery通过使用.bind()方法为元素进行事件绑定,通过使用.unbind()方法为元素进行解除绑定。

jQuery网页特效设计基础教程 第9章 常用的第三方jQuery插件

jQuery网页特效设计基础教程 第9章 常用的第三方jQuery插件
jQuery开发基础教程
第9章 常用的第三方jQuery插件
9.3 综合实例:使用ColorPicker插件制作颜色选择器
需求
使用QQ聊天时,如果想设置字体颜色,可以打开QQ聊天对话框中的设置字体颜色对 话框,在这个对话框中设置颜色的界面就是颜色拾取器。
jQuery开发基础教程
第9章 常用的第三方jQuery插件
总结
jQuery插件概述 常用的jQuery插件的使用 综合实例:使用ColorPicker插件制作颜色选择器
jQuery开发基础教程
jQuery开发基础教程
第9章 常用的第三方jQuery插件
9.1 jQuery插件概述 9.2 常用的jQuery插件的使用 9.3 综合实例:使用ColorPicker插件 制作颜色选择器
jQuery开发基础教程
第9章 常用的第三方jQuery插件
9.1 jQuery插件概述
什么是jQuery插件
常用的第三方jQuery插件
的第三方jQuery插件
9.2 常用的jQuery插件的使用
uploadify插件(文件上传)
zTree插件(树菜单) Nivo Slider插件(图片切换) Pagination插件(数据分页) jQZoom插件(图片放大镜)
使用colorpicker插件制作颜色选择器jquery开发基础教程常用的第三方jquery插件第9章常用的第三方jquery插件jquery开发基础教程nivoslider插件图片切换jqzoom插件图片放大镜第9章常用的第三方jquery插件jquery开发基础教程需求使用qq聊天时如果想设置字体颜色可以打开qq聊天对话框中的设置字体颜色对话框在这个对话框中设置颜色的界面就是颜色拾取器
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件。

Horizontal accordion: jQueryjQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。

jQuery-Horizontal AccordionAutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。

AutoComplete-JQueryFacebook like Autocomplete基于jQuery开发,类似于FaceBoox提供的AutoCompleter。

Facebook like AutocompletejQuery Autocomplete ModjQuery Autcomplete插件。

能够限制下拉菜单显示的结果数。

jQuery Autocomplete Modjqac基于Jquery开发的Autocomplete插件。

具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。

jqacjQuery Tag Suggestion类似于提供的tag suggesting功能。

jQuery Tag SuggestionAutocomplete-jQuery ajax利用jQuery(Ajax),PHP和MySQL开发的AutoCompleter。

Autocomplete-jQuery ajaxjQuery.Suggest跨浏览器支持,基于jQuery开发的Autocomplete library。

jQuery.SuggestAutocomplete- jQuery plugin一个jQuery Autocompleter,提供缓存选项来限制对服务器的请求。

Autocomplete- jQuery pluginjquery-aop为JavaScript增加面向方面编程特性的jQuery插件。

它能给任何函数添加Advices(Before、After与Around)。

jquery-aopjQuery PaginationjQuery分页插件jQuery PaginationFaceboxFacebox是一个基于jQuery,Facebook-style的lightbox。

能够展示示images,divs或者整个远程页面。

FaceboxjwysiwygWYSIWYG jQuery插件。

整个编辑器文件大小只有17Kb。

jwysiwygFlexigridFlexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。

它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。

Flexigrid 显示的数据能够通过Ajax获取或者从一个普通的表格转换。

FlexigridSimpleModalSimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。

SimpleModalFarbtasticFarbtastic是一个color picker插件。

它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。

FarbtasticContextMenu用于创建右键弹出菜单的jQuery插件。

ContextMenuDamn Small Rich Text Editor基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。

提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。

Damn Small Rich Text EditorjNice创建自定义外观的Form元素,功能与正常的Form元素相似。

jNiceimgAreaSelectimgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。

imgAreaSelectjQuery calculatejQuery计算插件,提供一些常用的数学计算功能比如:Sum、Average、Min、Max 等。

jQuery calculateEasy SlideEasySlide是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。

Easy SlideEasy NewsEasy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。

Easy NewsEasy News PlusEasy News Plus是基于Easy News开发,滚动式新闻或图文内容展示的jQuery 插件,但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。

Easy News PlusjTipjTip一个利用jQuery开发的提示工具。

jTip通过HttpXMLRequest获取内容。

用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。

jTipBetterTip一个可以自定义Tooltip的jQuery插件。

基于jTip,但比它来得更加灵活。

BetterTipjQuery plugin: Accordion用于创建折叠菜单的jQuery插件。

jQuery plugin: AccordionclueTipclueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。

当链接包括title属性时,它的内容将变成clueTip的标题。

clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。

clueTipjQuery plugin: Treeview这个插件能够把无序列表转换成可展开与收缩的Tree。

jQuery plugin: TreeviewjQuery plugin: ValidationjQuery校验插件。

jQuery plugin: ValidationFlotFlot一个纯javascript绘画库,基于jQuery开发。

它能够在客户端根据任何数据集快速生成图片。

目前只能绘制线状图和柱状。

FlotjQuery select box模仿HTML select box实现功能的一个下拉菜单。

jQuery select boxjQZoom基于jQuery开发的图片放大镜插件。

jQZoomjQuery lightBox plugin一个简单,强大基于jQuery开发的lightBox控件。

jQuery lightBox pluginxmlObjectifier基于jQuery开发,能够把XML DOM转换成 JSON的JavaScript library。

xmlObjectifierjQuery Plugin: Text Highlight利用javascript对页面中的关键字进行着色的jQuery插件。

jQuery Plugin: Text HighlightjQuery UI基于jQuery开发的一套UI框架。

包括一些常用的工具,特效,UI控件。

Accordion,Calendar,Dialog(模式浮动对话框与确认框),Slider,Table (可排序的表格),Tabs,Menu,Tree,Uploader等。

jQuery UIFastFind Menu Script可拖动的嵌套菜单窗体,基于动态”AJAX”响应。

FastFind Menu ScripticonDockiconDock一个基于jQuery开发的Fisheye menu。

iconDockjqUploader结合Javascript与Flash开发,拥有上传进度条的文件上传控件。

jqUploaderjQuery UI Datepicker基于jQuery开发的日期选择控件。

jQuery UI DatepickerjQuery UI TabsjQuery UI Tabs:一个功能强大,易于使用的Tab控件。

jQuery UI TabsJQuery Portlets这个jQuery插件提供一些Portlets功能包括:drag/drop,expand,collapse 等。

JQuery PortletsjstreejsTree是一个基于jQuery的Tree控件。

支持XML,JSON,Html三种数据源。

提供创建,重命名,移动,删除,拖\放节点操作。

可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。

在这些操作上可以添加多种监听事件。

jstreejScrollPanejScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。

jScrollPaneEasyDrag jQuery Plugin这个jQuery Plugin能够为大部DOM元素添加拖放功能。

EasyDrag jQuery PluginjQuery Corner不需要图片就能够创建各种圆角形状的jQuery插件。

jQuery CornerJQuery Curvy Corners用于创建圆角的jQuery插件。

压缩之后大小只有9k。

JQuery Curvy CornersjQuery Corner更多圆角效果的jQuery插件。

jQuery CornerjQuery Ajax Rater Plugin能够动态创建Ajax Rater的jQuery插件。

jQuery Ajax Rater PluginjCarousel Lite这个jQuery插件能够帮助你以滚动(carousel)的方式来组织图片和其它内容。

jCarousel LitejCarouseljCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序,列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。

可以向前或向后滚动。

jCarouseljQchart基于Canvas+jQuery,可拖放/交互的简单图形控件。

jQchartAccordion Menu script基于jQuery开发的可折叠菜单。

Accordion Menu scriptjQuery File TreejQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。

可以通过CSS 定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。

相关文档
最新文档