jquery自定义函数的多种方法


Posted in Javascript onJanuary 09, 2014
//方法定义 
$.windowbox = { 
//定义一个方法aa 
aa: function(){ 
alert("aa"); 
}, 
//定义一个方法bb 
bb: function(){ 
alert("bb"); 
} 
} 
$.windowbox.aa(); //调用$.windowbox里的aa方法

// 传参数 
var aa = function(x){ 
//弹出对象 x 里的 aa 变量和 bb 变量 
alert(x.aa + " 我成功啦 " + x.bb); 
} 
$.windowbox = aa; $.windowbox({ 
aa: "哈哈", 
bb: "啦啦" 
});

方法一: 
jQuery.fn.setApDiv=function () { 
//apDiv浮动层显示位置居中控制 
var wheight=$(window).height(); 
var wwidth=$(window).width(); 
var apHeight=wheight-$("#apDiv").height(); 
var apWidth=wwidth-$("#apDiv").width(); 
$("#apDiv").css("top",apHeight/2); 
$("#apDiv").css("left",apWidth/2); 
}

调用方法:$("#apDiv").setApDiv();
方法二: 
//jQuery 应用扩展 
jQuery.extend({ 
// 设置 apDiv 
setApDiv:function () { 
//apDiv浮动层显示位置居中控制 
var wheight=$(window).height(); 
var wwidth=$(window).width(); 
var apHeight=wheight-$("#apDiv").height(); 
var apWidth=wwidth-$("#apDiv").width(); 
$("#apDiv").css("top",apHeight/2); 
$("#apDiv").css("left",apWidth/2); 
} 
}); 
调用方法:$.setApDiv();

总结 一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa()
方法三: $.postJSON = function(url, data, callback) { 
$.post(url, data, callback, "json"); 
}; 
调用方法:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});
Javascript 相关文章推荐
jquery 插件开发方法小结
Oct 23 Javascript
详解JavaScript对象类型
Jun 16 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
vue根据进入的路由进行原路返回的方法
Sep 26 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
微信公众号平台接口开发 菜单管理的实现
Aug 14 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
Vue scoped及deep使用方法解析
Aug 01 Javascript
如何利用React实现图片识别App
Feb 18 Javascript
jQuery动态添加、删除元素的方法
Jan 09 #Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 #Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 #Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 #Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 #Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 #Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 #Javascript
You might like
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
php curl模拟post请求小实例
2013/11/13 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
JavaScript事件列表解说
2006/12/22 Javascript
JQuery UI皮肤定制
2009/07/27 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
javascript 函数使用说明
2010/04/07 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
js局部刷新页面时间具体实现
2013/07/04 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
python 连接sqlite及简单操作
2017/06/30 Python
python看某个模块的版本方法
2018/10/16 Python
python实现图片彩色转化为素描
2019/01/15 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
Django密码系统实现过程详解
2019/07/19 Python
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
养成教育经验材料
2014/05/26 职场文书
小学母亲节活动总结
2015/02/10 职场文书
电影红河谷观后感
2015/06/11 职场文书
2016年度先进班组事迹材料
2016/03/01 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
MySQL 数据类型详情
2021/11/11 MySQL