Jquery定義對象(閉包)與擴(kuò)展對象成員的方法
一、添加對象的靜態(tài)屬性和靜態(tài)方法:
聲明一個(gè)對象MyObject,添加一個(gè)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();
二、添加對象的實(shí)例屬性和實(shí)例方法
聲明一個(gè)對象MyObject,添加一個(gè)a的實(shí)例屬性和myclick的實(shí)例方法。
(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)用:實(shí)例化 var obj = new MyObject(“test1”) obj.myclick();
備注:其中MyObject對象 可為任意名稱。
三、循環(huán)訪問對象的每個(gè)成員
for(var temp in obj){ result+=temp+”:”+obj[temp]; }
四、定義單一模式的對象
定義類:
MyClass=function(opt){ this.a=5; this.b=6; $.extend(this,opt); }
定義一個(gè)普通對象:
var Myobject=new Myclass({a:7;c:b});
定義一個(gè)單一模式的對象:
_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)文章
分享精心挑選的12款優(yōu)秀jQuery Ajax分頁插件和教程
在這篇文章中,我為大家收集了12個(gè)基于 jQuery 框架的 Ajax 分頁插件,這些插件都提供了詳細(xì)的使用教程和演示2012-08-08jQuery動(dòng)畫顯示和隱藏效果實(shí)例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動(dòng)畫顯示和隱藏效果實(shí)現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12jQuery設(shè)置Cookie及刪除Cookie實(shí)例分析
這篇文章主要介紹了jQuery設(shè)置Cookie及刪除Cookie的方法,結(jié)合完整實(shí)例形式分析了jQuery操作cookie的設(shè)置,獲取及刪除等操作技巧,需要的朋友可以參考下2016-04-04jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法,涉及jQuery針對鼠標(biāo)事件的響應(yīng)與頁面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-07-07jquery Tab 選項(xiàng)卡通用函數(shù)
用類作為選擇符雖然效率低點(diǎn)但是 可以多次重用 這個(gè)性質(zhì)不錯(cuò)2010-04-04