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 分号引起的一段调试问题
Jun 18 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
使用js显示当前时间示例
Mar 02 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
你可能不知道的前端算法之文字避让(inMap)
Jan 12 Javascript
vue中倒计时组件的实例代码
Jul 06 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
超简单的微信小程序轮播图
Nov 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实时显示输出
2008/10/02 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
2016/06/13 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
微信小程序单选框自定义赋值
2020/05/26 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Python实现简易过滤删除数字的方法小结
2019/01/09 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
2014道德模范事迹材料
2014/02/16 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
团委副书记工作总结
2015/08/14 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
Python集合的基础操作
2021/11/01 Python
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript
LeetCode189轮转数组python示例
2022/08/05 Python