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 相关文章推荐
javascript 解析url的search方法
Feb 09 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 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 sprintf()函数让你的sql操作更安全
2008/07/23 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
javascript定时保存表单数据的代码
2011/03/17 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
vue实现循环切换动画
2018/10/17 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
Python图像滤波处理操作示例【基于ImageFilter类】
2019/01/03 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
村捐赠仪式答谢词
2014/01/21 职场文书
会计自荐信范文
2014/03/09 职场文书
项目投资意向书
2014/04/01 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
社区敬老月活动总结
2015/05/07 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
MySQL学习之基础命令实操总结
2022/03/19 MySQL