Jquery定義對象(閉包)與擴(kuò)展對象成員的方法
一、添加對象的靜態(tài)屬性和靜態(tài)方法:
聲明一個對象MyObject,添加一個b的靜態(tài)屬性和myclick的靜態(tài)方法。
(function ($) {
MyObject = function () { };//定義對象
$.extend(MyObject,
{ b: 5 },
{ myclick: function () { alert("c") } }
);
})(jQuery);
//調(diào)用:
alert(MyObject.b);
MyObject.myclick();二、添加對象的實例屬性和實例方法
聲明一個對象MyObject,添加一個a的實例屬性和myclick的實例方法。
(function ($) {
MyObject= function (name) {//定義類
this.a = "abc";
this.init(name);//相當(dāng)于一構(gòu)造函數(shù),調(diào)用init方法
};
$.extend(MyObject.prototype,
{a:””,//屬性
init:function(name){this.a=name},
myclick: function () { alert(this.a); }}
);
})(jQuery);
//調(diào)用:實例化
var obj = new MyObject(“test1”)
obj.myclick();備注:其中MyObject對象 可為任意名稱。
三、循環(huán)訪問對象的每個成員
for(var temp in obj){
result+=temp+”:”+obj[temp];
}四、定義單一模式的對象
定義類:
MyClass=function(opt){
this.a=5;
this.b=6;
$.extend(this,opt);
}定義一個普通對象:
var Myobject=new Myclass({a:7;c:b});定義一個單一模式的對象:
_MyObject=null;
Myobject=function(opt){
if(_MyObject==null){
_MyObject=new MyClass(opt);
}
return _MyObject;
}
//調(diào)用:
var instance=Myobject({a:7;c:b});五、給jQuery對象添加自定義方法
方法一、$.fn.xxx
$.fn.focusEnd = function(){
this.setCursorPosition(this.val().length);
}調(diào)用:
$('.num').click(function(){
$('.num').focusEnd();
});方法二:$.fn.extend(xxx:);
$.fn.extend({
fnClassToggle:function(options){
var defaults={hoverClass:"default",...};
var settings=$.extend({},defaults,options||{});
$(this).each(function(i,n){
var c1=settings.hoverClass;
if(c1){
$(n).hover(function(){$(this).addClass(c1);},
function(){$(this).addClass(c1);});
}
});
}
});調(diào)用:
$(".box").fnClassToggle({hoverClass:"hover"});到此這篇關(guān)于Jquery定義對象( 閉包)與擴(kuò)展對象成員的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
打造基于jQuery的高性能TreeView(asp.net)
項目中經(jīng)常會遇到樹形數(shù)據(jù)的展現(xiàn),包括導(dǎo)航,選擇等功能,所以樹控件在大多項目中都是必須的。那一個實用的樹應(yīng)該具備什么功能呢?2011-02-02
jquery使用append(content)方法注意事項分享
append(content)函數(shù)的功能向每個匹配的元素內(nèi)部追加內(nèi)容,在使用方法上需要引起大家的注意,詳細(xì)看下面示例2014-01-01
JQuery實現(xiàn)級聯(lián)下拉框效果實例講解
這篇文章主要介紹了JQuery實現(xiàn)級聯(lián)下拉框效果,需要的朋友可以參考下2015-09-09
Json實現(xiàn)異步請求提交評論無需跳轉(zhuǎn)其他頁面
Json實現(xiàn)異步請求,效果即為,在輸入框中輸入相關(guān)文字,點擊提交,下方會自動將書寫的文字進(jìn)行展示,無需跳轉(zhuǎn)其他頁面2014-10-10
jQuery toggleClass應(yīng)用實例(附效果圖)
這篇文章主要介紹了jQuery toggleClass的應(yīng)用,需要的朋友可以參考下2014-04-04

