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 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
jquery控制display属性为none或block
Mar 31 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 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
PHPMailer邮件发送的实现代码
2013/05/04 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
PHP 文件上传限制问题
2019/09/01 PHP
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
python实现查询苹果手机维修进度
2015/03/16 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
Python三级菜单的实例
2017/09/13 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
pymysql模块使用简介与示例
2020/11/17 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
日本最大的眼镜购物网站:Oh My Glasses
2016/11/13 全球购物
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
调查研究项目计划书
2014/04/29 职场文书
社区工作者演讲稿
2014/05/23 职场文书
停车位租赁协议书
2014/09/24 职场文书
行政复议答复书
2015/07/01 职场文书
小学体育课教学反思
2016/02/16 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
分享一个vue实现的记事本功能案例
2022/04/11 Vue.js