码迷,mamicode.com
首页 > Web开发 > 详细

jQuery插件开发

时间:2015-06-02 19:46:12      阅读:130      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!