jquery 扩展和插件的写法

1、jquery扩展的方法常用的就是$.fn.xxx， 这个我理解的其实扩展jquery 实例中的属性或者方法

(function  ($) {
    $.fn.alertSelf = function  () {
        $(this).on('click',function  () {
            alert( $(this).html() );
        })
    }
})(jQuery);

这个扩展jquery实例中的方法，使用方法$("#idxx").alertSelef() 给某个节点添加了一个绑定弹出自身内容的方法

jquery为开发插件提供了两个方法

$.extend(obj) 扩展jquery类的方法

$.fn.extend(obj)  扩展了jquery实例的方法

//使用方法 $.hello();

$.extend({ hello:function () { 
　　alert("jquery 全局方法 合并到jquery全局方法"); }
// $.extend(dest,src1,src2) 讲src1，src2 合并到dest对象中 //$.extend(src) 将src合并到全局对象中去
 });

//使用方法 $("#id").jqCaseExtend() 

$.fn.extend({
    jqCaseExtend : function  () {
        alert("jquery 合并到jquery实例中")
    }
})

 

转载于:https://www.cnblogs.com/knightshibiao/p/3826272.html