jQuery 插件开发

通常前端开发中,使用jQuery这样的小型库的机会是非常多的。jQuery的插件机制也一直属于jQuery中的一个技术点。日常开发中使用如下开发方式的不在少数:

例1

$.aaa = function () {
    console.log("I'am the aaa function !");
} 
//调用 
$.aaa();

 

例2

jQuery.extend({
    showMessage:function(str){
        alert("Log message:"+str);
    },
    showErrorMessage:function(str){
        alert("Error message:"+str);
    }
})

这样的写法在各个插件中非常常见,但是真正的项目级别开发中,应该尽量避免直接使用变量污染公共变量,并且开发者也无法避免在开发中陪遇到和别的插件或者代码“撞车”的情况。建议使用对象级别的开发,即:

 

//创建闭包,加入形参。 -> jQuery.prototype .
(function($){
    var defOption = {
        // 基础配置参数
    };
    //创建播放器
    $.fn.MusicPlay = function{

    }
})(jQuery);

分享一个《jQuery插件编写》的文档,有需要的同志请直接取走。

点击下载《jQuery插件编写》文档。

1 comment

發表回覆

你的電郵地址並不會被公開。 必要欄位標記為 *