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 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
详解用vue.js和laravel实现微信支付
Jun 23 Javascript
使用JavaScript实现alert的实例代码
Jul 06 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
javascript+Canvas实现画板功能
Jun 23 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 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
php中Smarty模板初体验
2011/08/08 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
vue2导航根据路由传值,而改变导航内容的实例
2017/11/10 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
Python 中导入csv数据的三种方法
2018/11/01 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
python将字母转化为数字实例方法
2019/10/04 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
管理站站长岗位职责
2013/11/27 职场文书
数控专业推荐信范文
2013/12/02 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
2014年公司庆元旦活动方案
2014/03/05 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
小学数学课题方案
2014/06/15 职场文书
户籍证明模板
2014/09/28 职场文书
优秀班组事迹材料
2014/12/24 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书