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的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
Jun 07 Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
详解RequireJS按需加载样式文件
Apr 12 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
javascript中如何判断类型汇总
May 14 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
vue实现简单加法计算器
Oct 22 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通过header实现文本文件下载的代码
2010/08/08 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
phpmyadmin config.inc.php配置示例
2013/08/27 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
js实现内容显示并使用json传输数据
2016/03/16 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
2016/08/10 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
[01:19:11]Ti4 循环赛第二日 NaVi.us vs iG
2014/07/11 DOTA
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
Python实现扫描指定目录下的子目录及文件的方法
2014/07/16 Python
11个并不被常用但对开发非常有帮助的Python库
2015/03/31 Python
python操作 hbase 数据的方法
2016/12/18 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
python 内置函数汇总详解
2019/09/16 Python
编码实现字符串转整型的函数
2012/06/02 面试题
J2EE面试题集锦(附答案)
2013/08/16 面试题
前处理组长岗位职责
2014/03/01 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
实习生评语
2014/04/26 职场文书
承诺书范文
2014/06/03 职场文书
计算机毕业生求职信
2014/06/10 职场文书
公司应聘自荐书
2014/06/14 职场文书
民事授权委托书范文
2014/08/02 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
实习报告范文
2019/07/30 职场文书
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python