jquery自定义函数的多种方法
2023-09-27 14:26:53 时间
在jquery中自定义函数你会吗?今天抽时间写了几个,个人感觉还不错,喜欢的朋友可以了解下
//方法定义
$.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) {});
原文:http://www.jb51.net/article/45402.htm
相关文章
- 推荐几款jquery图片切换插件
- jquery检测浏览器版本
- 35个Jquery应用实例
- Jq_DOM元素方法跟JQuery 核心函数跟JQuery 事件方法
- 在jQuery定义自己的扩展方法函数
- 每个程序员都会的 35 个 jQuery 小技巧
- jquery实现调用webservice
- jquery动态为个span,input,div,等标签赋值的方法总结,js动态隐藏div
- 页面加载即执行JQuery的三种方法
- jquery常用方法总结(转)
- jQuery常用方法(持续更新) jQuery(转)
- JQuery text()、html() 以及 val()
- JQuery 中的Show方法
- jQuery 遍历 - map() 方法使用【转】
- 通过TodoList案例对比Vue.js的MVVM设计模式与JQuery的MVP设计模式
- jQuery Mapael – 呈现动态的矢量地图
- jQuery 选择具有特殊属性的元素
- jQuery整理笔记九----功能性表格开发
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- jQuery get和post 方法传值注意事项
- 正益无线首页jQuery焦点图
- 基于jQuery的美食时间轴焦点图插件
- 基于jquery多种切换效果的焦点图(兼容ie6)
- JavaScript ,Css and Jquery In OpenERP 7.0
- jQuery LigerUI系列:ligerComboBox
- JQuery html API支持解析执行Javascript脚本功能实现-代码分析
- seajs 2.3.0 添加jquery