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检查日期格式的函数[比较全]
Oct 17 Javascript
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
Dec 31 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
php中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
详解php反序列化
2020/06/10 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
JavaScript中SetInterval与setTimeout的用法详解
2015/11/10 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
十条建议帮你提高Python编程效率
2016/02/16 Python
更改Ubuntu默认python版本的两种方法python-> Anaconda
2016/12/18 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
python奇偶行分开存储实现代码
2018/03/19 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Python中os模块功能与用法详解
2020/02/26 Python
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
食品安全宣传标语
2014/06/07 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
个人委托函范文
2015/01/29 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA