jquery 扩展和插件的写法

2022-10-09 21:56:12

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实例中")
    }
})

jquery 扩展和插件的写法,布布扣,bubuko.com

jquery 扩展和插件的写法