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 相关文章推荐
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
jQuery 联动日历实现代码
May 31 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 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 字符串分割和比较
2009/10/06 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
javascript的事件描述
2006/09/08 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
js实现随机点名程序
2020/09/17 Javascript
原生js实现日历效果
2020/03/02 Javascript
react的hooks的用法详解
2020/10/12 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
Python多进程编程技术实例分析
2014/09/16 Python
python动态参数用法实例分析
2015/05/25 Python
Python基础语言学习笔记总结(精华)
2017/11/14 Python
Python3实现的画图及加载图片动画效果示例
2018/01/19 Python
Python中extend和append的区别讲解
2019/01/24 Python
python解析yaml文件过程详解
2019/08/30 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
python实现加密的方式总结
2020/01/19 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
python文件路径操作方法总结
2020/12/21 Python
自我鉴定思想方面
2013/10/07 职场文书
教育专业个人求职信
2013/12/02 职场文书
网站客服岗位职责
2014/04/05 职场文书
2014年关工委工作总结
2014/11/17 职场文书
Nginx跨域问题解析与解决
2022/08/05 Servers