如何让这成为我的第一个JQuery插件

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

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

第二个淡入淡出是按顺序排列的一系列div

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

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

及

以及以下标记：

<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>

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

请指出我的错误

---

谢谢你的代码没有多大意义。。。你的加载程序不加载任何东西，也不允许在加载完成时告诉它隐藏，它只是假设它在200毫秒内完成。。。请提供一个更完整的样品。而且，它不是那样工作的。它只影响动画队列中的项目。凯文B：谢谢，我会重新编写的。如果有更好的解释，请告诉我。克里斯蒂安·瓦尔加：这实际上是个错误，对不起。谢谢你发现了它。伙计，你不能用回调参数调用$（“#logo”）.myLoader，因为你的插件不会收到回调作为参数。Rodrigo-我需要读更多。干杯

<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>