jquery - 如何使它成为我的第一个 JQuery 插件工作

Question

感谢下面的评论。这是一个更新的问题和代码：

我已经编写了两段代码，一个加载器和顺序淡入。加载器通过添加加载类来工作，该加载类与 css 一起显示加载 spinner.gif。然后删除类并插入图像。

第二个淡入淡出按顺序排列在一系列 div 中。

$.fn.myLoader = function() {
    $(this).addClass("loading").queue(function(next) {
        $(this).removeClass("loading");
        $(this).prepend('URL');
        next();
    });
};

$('#logo').myLoader();

和

$('.load').delay(5000).each(function(i) {
    $(this).delay(i * 250).css({
        opacity: 0.0,
        visibility: 'visible'
    }).animate({
        opacity: 1.0
    });
});

和以下标记：

<div id="logo"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>

这些单独工作，但我想将两者合并，以便加载程序发生，一旦完成，加载顺序图像。

请指出我的方式的错误。

谢谢