jQuery扩展两类函数(对象调用,静态调用)
2014-05-14 18:35
459 查看
作者:zccst
先看小例子:
方法一:对象调用
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) {});
先看小例子:
$(function(){ //扩展方式1-通过对新调用 $.fn.each1=function(){ console.log("hehehehe$.fn.func"); } $.fn.extend({ "each2":function(){ console.log("second method!,$.fn.extend(each2:function(){})"); } }); //扩展方式2-静态调用 $.extend({ "each3":function(){ console.log("hahah,$.extend(each3:function(){})"); } }); $("button").click(function(){ console.log($(".name").val()); $(this).each1();//通过对象调用 $(this).each2();//通过对象调用 $.each3();//扩展方式2-静态调用 }); }); 名字:<input class="name" type="text" /> <button>提交</button>
方法一:对象调用
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) {});
相关文章推荐
- 模仿JQuery.extend函数扩展自己对象
- egg egg::E(100);静态成员(对象)是如何调用非静态的、私有的成员(构造)函数的呢?
- jQuery扩展函数设置所有对象只读
- 模仿JQuery.extend函数扩展自己对象的js代码
- C#编译器优化那点事 c# 如果一个对象的值为null,那么它调用扩展方法时为甚么不报错 webAPI 控制器(Controller)太多怎么办? .NET MVC项目设置包含Areas中的页面为默认启动页 (五)Net Core使用静态文件 学习ASP.NET Core Razor 编程系列八——并发处理
- 全局对象和函数内静态对象调用构造析构函数差异
- java中对象多态时成员变量,普通成员函数及静态成员函数的调用情况
- java中对象多态时成员变量,普通成员函数及静态成员函数的调用情况
- 全局对象和函数内静态对象调用构造析构函数差异
- [iphone 开发学习笔记]Object-C和C语言最大的区别也是最大的扩展-----消息(即如何调用一个对象中的函数)
- 模仿JQuery.extend函数扩展自己对象的js代码
- 结合上面的五个例子,对类的静态成员变量和成员函数作个总结: 一。静态成员函数中不能调用非静态成员。 二。非静态成员函数中可以调用静态成员。因为静态成员属于类本身,在类的对象产生之前就已经存在了,所
- eclipse 中main()函数中的String[] args如何使用?通过String[] args验证账号密码的登录类?静态的主方法怎样才能调用非static的方法——通过生成对象?在类中制作一个方法——能够修改对象的属性值?
- 利用jQuery扩展接口为jQuery框架定义了两个自定义函数,然后调用这两个函数
- 静态成员函数如何调用非静态成员变量(函数参数不能任意扩展的情况)
- 全局对象和函数内静态对象调用构造析构函数差异
- 模仿JQuery.extend函数扩展自己对象的js代码
- 模仿JQuery.extend函数扩展自己对象的js代码
- JQUERY组装对象并调用自身函数改变自己的属性