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 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
jqgrid 编辑添加功能详细解析
Nov 08 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
jQuery常用选择器详解
Jul 17 jQuery
提高Node.js性能的应用技巧分享
Aug 10 Javascript
微信小程序实现刷脸登录
May 25 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
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设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
js 深拷贝函数
2008/12/04 Javascript
JS跨域代码片段
2012/08/30 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
总结js函数相关知识点
2018/02/27 Javascript
Angularjs实现控制器之间通信方式实例总结
2018/03/27 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
高中生期末评语大全
2014/01/28 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
教职工代表大会主持词
2014/04/01 职场文书
司法建议书范文
2014/05/13 职场文书
关于十八大的演讲稿
2014/09/15 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
假期安全教育广播稿
2014/10/04 职场文书
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript
windows10 家庭版下FTP服务器搭建教程
2022/08/05 Servers