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-08
jQuery動(dòng)畫顯示和隱藏效果實(shí)例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動(dòng)畫顯示和隱藏效果實(shí)現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12
jQuery設(shè)置Cookie及刪除Cookie實(shí)例分析
這篇文章主要介紹了jQuery設(shè)置Cookie及刪除Cookie的方法,結(jié)合完整實(shí)例形式分析了jQuery操作cookie的設(shè)置,獲取及刪除等操作技巧,需要的朋友可以參考下2016-04-04
jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法,涉及jQuery針對鼠標(biāo)事件的響應(yīng)與頁面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-07-07
jquery Tab 選項(xiàng)卡通用函數(shù)
用類作為選擇符雖然效率低點(diǎn)但是 可以多次重用 這個(gè)性質(zhì)不錯(cuò)2010-04-04

