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自定义事件及事件交互原理概述(二)
Feb 01 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
用js动态添加html元素,以及属性的简单实例
Jul 19 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 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开发大型项目的一点经验
2006/10/09 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
Zend Framework入门教程之Zend_View组件用法示例
2016/12/09 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
2016/01/25 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
python删除字符串中指定字符的方法
2018/08/13 Python
python实现简易动态时钟
2018/11/19 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
vscode调试django项目的方法
2020/08/06 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
毕业生就业协议书
2014/04/11 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
好员工观后感
2015/06/17 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
详解Python常用的魔法方法
2021/06/03 Python
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers