日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

Jquery定義對象(閉包)與擴展對象成員的方法_jquery

作者：springsnow ? 更新時間： 2022-07-29 編程語言

一、添加對象的靜態屬性和靜態方法：

聲明一個對象MyObject，添加一個b的靜態屬性和myclick的靜態方法。

(function ($) {
    MyObject = function () { };//定義對象
    $.extend(MyObject,
             { b: 5 },
             { myclick: function () { alert("c") } }
            );
})(jQuery);

//調用：
alert(MyObject.b);
MyObject.myclick();

二、添加對象的實例屬性和實例方法

聲明一個對象MyObject，添加一個a的實例屬性和myclick的實例方法。

(function ($) {
    MyObject= function (name) {//定義類
        this.a = "abc";
        this.init(name);//相當于一構造函數，調用init方法
    };
    $.extend(MyObject.prototype, 
                {a:””,//屬性
                 init:function(name){this.a=name},
                 myclick: function () { alert(this.a); }}
                );
})(jQuery);

//調用：實例化
var obj = new MyObject(“test1”)
obj.myclick();

備注：其中MyObject對象 可為任意名稱。

三、循環訪問對象的每個成員

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;
}

//調用：
var instance=Myobject({a:7;c:b});

五、給jQuery對象添加自定義方法

方法一、$.fn.xxx

$.fn.focusEnd = function(){
            this.setCursorPosition(this.val().length);
 }

調用：

$('.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);});
        }
    });
    }
});

調用：

$(".box").fnClassToggle({hoverClass:"hover"});

原文鏈接：https://www.cnblogs.com/springsnow/p/12294366.html

欄目分類
最近更新