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 相关文章推荐
JQUERY1.6 使用方法四 检测浏览器
Nov 23 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
关于PHP中的Class的几点个人看法
2006/10/09 PHP
用PHP连接MySQL代码的参数说明
2008/06/07 PHP
php smarty函数扩展
2010/03/15 PHP
将一维或多维的数组连接成一个字符串的php代码
2010/08/08 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
2019/03/19 jQuery
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
python批量爬取下载抖音视频
2019/06/17 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
后勤人员自我鉴定
2013/10/20 职场文书
旷课检讨书3000字
2014/02/04 职场文书
大学军训感言400字
2014/03/11 职场文书
开业庆典主持词
2014/03/21 职场文书
安全生产月宣传标语
2014/10/06 职场文书
小平您好观后感
2015/06/09 职场文书
tp5使用layui实现多个图片上传(带附件选择)的方法实例
2021/11/17 PHP