jQuery擴展實例方法和靜態方法

jQuery擴展實例方法和靜態方法

擴展jQuery實例方法

(function($){
    //設置默認參數
    var defaults={

    }
    //自定義方法
    var showLink=function(obj){
        $(obj).append(function(){
            return "("+$(obj).attr("href")+")";
        })
    }


    $.fn.easySlider=function(options){   //爲jQuery的實例添加擴展方法easySlider
        var options=$.extend(true, defaults, options);//用戶設置的參數，覆蓋默認參數*/

        return this.each(function(){   //支持jQUery的鏈式調用
            showLink();                //調用方法
        });
    }

})(jQuery)  //設置匿名函數的私有作用域，防止污染

//調用
$(“#id”).easySlider({});

jQuery(function(){})
等同於下面寫法
$(document).ready(function(){})
//某個DOM元素加載完畢後執行方法裏的代碼

(function($){})(jQuery)
等同於下面寫法
var fn=function($){};

fn(jQuery);
定義了一個匿名函數，其中jQUery代表匿名函數的實參，通常在jQUery插件開發中，起到定義插件的私有域的作用

爲jQuery添加一個靜態方法

$.extend({
    funn1:function(){
        alert("jQuery的靜態方法")
    }
})
$.funn1();
//爲jQuery實例添加一個方法
$.fn.extend({
    funn2:function(){
        alert("爲jQUery實例添加一個方法")
    }
})
//爲jQuery實例添加一個方法
$.fn.fun2=function(){
    alert("爲jQUery實例添加一個方法")
}