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 相关文章推荐
JS中处理与当前时间间隔的函数代码
May 23 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
详解javascript函数的参数
Nov 10 Javascript
JavaScript学习总结之JS、AJAX应用
Jan 29 Javascript
Bootstrap框架安装使用详解
Jan 21 Javascript
jQuery使用方法
Feb 04 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
Vant picker 多级联动操作
Nov 02 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中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
JS+php后台实现文件上传功能详解
2019/03/02 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
python 图片验证码代码
2008/12/07 Python
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
爱情检讨书大全
2014/01/21 职场文书
高中军训感言1000字
2014/03/01 职场文书
岗位竞聘演讲稿范文
2014/04/24 职场文书
金融保险专业求职信
2014/09/03 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
家长必看:义务教育,不得以面试 评测等名义选拔学生
2019/07/09 职场文书
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python