• jQuery插件的概览
    http://docs.jquery.com/Plugins
    http://jquery.com/plugins/most_popular
  • 官方的表单插件
    http://jquery.com/plugins/project/form    
    jquery.form.js
      
    获得表单控件的值        
    收集包装集里所有成功表单控件的值,返回这些值构成的字符串数组。没有值就返回空数组 fieldValue(excludeUnsuccessfull) bool:false不成功控件也收集 值的数组  
    表单程控机返回已编码的字符串. 包装集里的一个表单 formSerialize(semantic) bool:true 按顺序。false:随机 生成的查询字符串  
    包装集里的所有控件。并可用于对表单的一部分进行序列化 fieldSerialize(excludeUnsuccessful) 。。。。 生成的查询字符串  
    使表单控件清空和复位  
    清除包装集里任何控件的值,或包装集元素的后代节点 clearForm()   包装集  
    原生 reset()方法 resetForm()   包装集  
    通过Ajax提交表单        
    如果应用到包含表单的包装集,就获取目标表单的所有成功控件的名称和值并且作为Ajax请求进行提交 ajaxSubmit(options) 对象或函数.散列对象或成功回调函数
    url: 默认来自表单的action
    type:默认表单的method
    dataType: xml/json/script
    target: 字符串|对象|元素 指定一个或多个DOM元素来接受响应体作为内容
    beforeSubmit:函数 .发起请求前调用。如果该函数返回False,则表单提交被取消。 3个参数:数据值的对象(name,value)数组,jQuery匹配集,options对象

    success: 回调函数,请求完成时调用。参数: 根据dataType格式的响应体,success字符串,ajaxSubmit()命令的jQuery匹配集
    clearForm: true/false 成功后清空
    resetForm: ture/false
    semantic: true/false  顺序还是随机
    其他ajax选项.

    包装集  
    设置表单,提交表单并阻止通过正常语义事件 ajaxForm(options) .... 包装集  
    删除应用到包装集里表单上的设置,以便表单提交能够以正常方式进行 ajaxFormUnbind()   包装集  
  • 官方的尺寸插件
    返回包装集里第一个元素,窗口或文档对象的宽度 width()   窗口,文档或元素的宽度  
    高度 height()   窗口,文档或元素的高度  
      innerWidth()   第一元素的内部宽度  
      innerHeight()      
      outerWidth() options: 散列对象接受单个选项,即外边距,指定是否应该把外边距计算进去.默认为false    
      outerHeight()      
    获取或设置窗口,文档或可滚动内容元素的尺寸。滚动元素是包含内容的元素 scrollTop(value)  设置滚动顶边或左边尺寸的值  包装集或尺寸  
      scrollLeft(value)      
     返回包装集中第一个元素的偏移父元素。带有relative或absolute的position的值  offsetParent()    偏移父元素  
     第一元素相对于偏移父元素的位置值  position()    object: top,left  
    第一个元素的偏移信息 offset(options,results) options: relativeTo,lite,scroll,padding,border,margin
    results:接收结果
    包装集或结果  
  • 实时查询插件
    为匹配选择器的元素而建立事件处理程序
    在任何元素匹配选择器时,触发函数的执行
    在任何元素不再匹配选择器时,触发函数的执行
    返回包装集
    livequery(event,listener): 建立一个函数作为指定事件类型的事件处理程序,既在匹配集里所有的元素上,也在随后与匹配集的选这群相匹配的任何元素上。
                                         在元素因为被改变而不再匹配原始选择器时执行操作。为匹配的添加事件处理程序,为不匹配的删除事件处理程序
    livequery(onmatch,onmismatch): 匹配时一个函数,不匹配时另一个函数处理程序
    $.livequery.run():强制 live query触发其监听器. 执行元素的全局求值
    expire():  删除与匹配集的选择器相关联的监听器
    expire(event,listener)
    expire(onmatch,onmismatch)

  • UI插件
    http://docs.jquery.com/ui
    鼠标交互,小部件,可视化效果

JQuery实践--插件的更多相关文章

  1. Jquery相册插件(开源下载)

    一,导言 上次 “不定义JQuery插件,不要说会JQuery” 的博客写的肤浅,漏洞百出,而且最重要的是从理论上说如何定义一个jQuery插件,没有实质性的写一个jQuery插件出来,这未免是纸上谈 ...

  2. jquery编写插件(转)

    教你开发jQuery插件(转)   阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原 ...

  3. 深入学习jQuery自定义插件

    原文地址:jQuery自定义插件学习 1.定义插件的方法 对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数);      $(‘#id’).myPlugin(o ...

  4. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  5. 使用jQuery.form插件,实现完美的表单异步提交

    传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主 ...

  6. 为jQuery写插件

    很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider. 如下图,做一个div,通过“$( "#slider" ).slider();”的方式直接将div变成sl ...

  7. bootstrap-简洁实用的jQuery手风琴插件

    前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta htt ...

  8. 推荐15款响应式的 jQuery Lightbox 插件

    利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...

  9. Chocolat.js – 响应式的 jQuery Lightbox 插件

    Chocolat.js 使您能够显示一个或多个图像在同一页面上.给用户展示一组图片缩略图,可以显示全页或块.Chocolat.js 可以很好地处理所有主要的浏览器.它在下面这些浏览器测试通过:IE7+ ...

随机推荐

  1. 怎么让桌面存到d盘

    1.找到桌面文件夹. (C:\Users\Administrator) [C盘],[用户].[“”系统账号“(如Administrator)文件夹],[桌面] 2.打开桌面文件夹的属性. 查看位置,修 ...

  2. mongo与spring集合

    1.加入lib包,在Maven中 <dependency> <groupId>org.springframework.data</groupId> <arti ...

  3. 数据库SQL语句大全——最常用的SQL语句

    检索数据: 检索单个列: SELECT pname FROM product 检索多个列: SELECT pname,market_price,is_hot FROM product 检索所有列: S ...

  4. SpringCloud Hystrix 参数

    hystrix.command.default和hystrix.threadpool.default中的default为默认CommandKey Command PropertiesExecution ...

  5. 怎样理解prototype对象的constructor属性

    function Person(name){ this.name = name; } var lilei = new Person("Lilei"); lilei.construc ...

  6. JS基础_构造函数修改

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. pickle 和 base64 模块的使用

    pickle pickle模块是python的标准模块,提供了对于python数据的序列化操作,可以将数据转换为bytes类型,其序列化速度比json模块要高. pickle.dumps() 将pyt ...

  8. Python练习_考试第二次

    一. 选择题(32分) 1. python不支持的数据类型有:AA. charB. intC. floatD. list 2. Ex = ‘foo’y = 2print(x + y)A. fooB. ...

  9. 【小知识点】解决Chrome动画”卡顿”的办法

    为动画DOM元素添加CSS3样式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translateZ(0);这两个属性都会开启GPU硬件 ...

  10. 查看python和NumPy版本和安装路径

    记录查看Python和NumPy版本以及路径的几条命令 # 查看Python版本及路径 python -V python -c "import sys;print(sys.executabl ...