首页 > Web开发 > 详细

jQuery插件开发

时间:2015-06-02 19:45:26      阅读:312      评论:0      收藏:0      [点我收藏+]
/*
日期: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

 

jQuery插件开发

原文:http://www.cnblogs.com/talentzemin/p/4547378.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!