JQuery实践--插件
- 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实践--插件的更多相关文章
- Jquery相册插件(开源下载)
一,导言 上次 “不定义JQuery插件,不要说会JQuery” 的博客写的肤浅,漏洞百出,而且最重要的是从理论上说如何定义一个jQuery插件,没有实质性的写一个jQuery插件出来,这未免是纸上谈 ...
- jquery编写插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原 ...
- 深入学习jQuery自定义插件
原文地址:jQuery自定义插件学习 1.定义插件的方法 对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数); $(‘#id’).myPlugin(o ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- 使用jQuery.form插件,实现完美的表单异步提交
传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主 ...
- 为jQuery写插件
很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider. 如下图,做一个div,通过“$( "#slider" ).slider();”的方式直接将div变成sl ...
- bootstrap-简洁实用的jQuery手风琴插件
前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta htt ...
- 推荐15款响应式的 jQuery Lightbox 插件
利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...
- Chocolat.js – 响应式的 jQuery Lightbox 插件
Chocolat.js 使您能够显示一个或多个图像在同一页面上.给用户展示一组图片缩略图,可以显示全页或块.Chocolat.js 可以很好地处理所有主要的浏览器.它在下面这些浏览器测试通过:IE7+ ...
随机推荐
- [DEBUG] ubuntu mysql root@localhost改了密码还是进不去ERROR 1698 (28000)
之前用skip-grant-tables的方法免密进入Mysql,修改了root的密码, 当时重启服务后是可以用密码进入Mysql的.结果昨天突然又进不去了:) 所以更换方法,特此记录. ====== ...
- 开发人员需求能kill杀死其它阻塞自己的会话,测试发现需要alter system权限有风险
模拟开发人员需求,可以杀死其它阻塞自己的会话1.能有查询阻塞会话确认的权限SQL> grant select on v_$session to testa;SQL> grant selec ...
- (五)lucene之特定项搜索和查询表达式
需求:模糊搜索. 前提: 本例中使用lucene 5.3.0 package com.shyroke.lucene; import java.io.File; import java.io.File ...
- Visual Studio 开发大量 JavaScript 代码项目程序崩溃的解决方案
最近公司做新项目,基于 Bootstrap.AngularJS 和 kendo 开发一套后台的管理系统,在项目中使用了大量的 JavaScript 文件,这两天 Visual Studio 2015 ...
- Java 实现简单的 RPC 框架
RPC 简介 RPC,全称为 Remote Procedure Call,即远程过程调用,它是一个计算机通信协议.它允许像调用本地服务一样调用远程服务.它可以有不同的实现方式,而不需要了解底层网络技术 ...
- Apache Log View 5.37破解笔记
i春秋作家:Sp4ce 之前说过要分享这个日志分析工具[记一次简单的攻击日志分析]的破解版,在破解的路上踩了几个坑,记录分享下. 0×00程序概述 原程序 大小: 2283672 字节文件版本: 5. ...
- Flutter学习之Dart语言基础(构造函数)
最常见的构造函数形式,即生成构造函数,创建一个类的新实例: class Point { num x, y; //Dart中int和double是num的子类 //this引用当前类对象 Point(n ...
- 安卓已过时的ProgressDialog对话框
private ProgressDialog mDialog; private Handler mHandler; //初始化Handler //初始化 mDialog = new ProgressD ...
- 阿里高级架构师教你如何使用Spring Cloud Ribbon重试请求
在微服务调用中,一些微服务圈可能调用失败,通过再次调用以达到系统稳定性效果,本文展示如何使用Ribbon和Spring Retry进行请求再次重试调用. 在Spring Cloud中,使用load b ...
- windows使用zip包安装mysql8.0.12
1.前言 在windows下有两种安装mysql的方式,一种是msi的方式,一种是使用zip包的安装方式.通常都是用msi的方式,毕竟不需要敲命令,只用图形界面就可以完成安装.zip包的安装方式也很简 ...