jQuery技术

jQuery插件开发学习笔记

字号+ 作者:H5之家 来源:H5之家 2017-03-31 08:01 我要评论( )

关于jQuery插件开发的文章应该已经很多了,我今天也进行了一些学习,并将学习笔记记录一下,供以后参考,文章整理自李炎恢老师的jquery视频教程 1.类级别的插件开发


/*

这种写法的说明:
var fn = function(para){
    //code...
}
fn(jQuery);

先定义一个方法,再立即执行这个方法
这种写法的好处:我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.

*/
(function ($) {
    $.fn.extend({
        hilight: function (options) {
            var opts = $.extend($.fn.hilight.defauts, options);
            this.css("color", opts.color).css("background-color", opts.bgcolor);
        }
    });

    $.fn.hilight.defauts = {
        color: 'red',
        bgcolor: 'white'
    };
})(jQuery);

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评