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实例添加一个方法")
}