jQuery插件开发

/*
日期:2015-6-2 
作者:luzemin
名称:全选/反选插件
*/

//step01 定义JQuery的作用域
(function ($) {
    //step03-a 插件的默认值属性
    var defaults = {
        tar: 'input[type=checkbox]'
    };
    //step06-a 在插件里定义方法
    var select = function (ele, tar) {
        $(ele).click(function () {
            tar.attr("checked", ele.checked);
        });
    }

    //step02 插件的扩展方法名称
    $.fn.selectAll = function (options) {
        //step03-b 合并用户自定义属性,默认属性
        var options = $.extend(defaults, options);
        //step4 支持JQuery选择器
        //step5 支持链式调用
        return this.each(function () {
            //step06-b 在插件里定义方法
            select(this, defaults.tar);
        });
    }
})(jQuery);

参考文章:

http://www.poluoluo.com/jzxy/201406/277886.html

http://www.cnblogs.com/xcj26/p/3345556.html

 

posted @ 2015-06-02 18:15  talentzemin  阅读(129)  评论(0编辑  收藏  举报