javascript - 为什么使用 jQuery 插件而不是 javascript 函数？

Question

为什么要使用 jQuery 插件而不是传统的 javascript 函数？我看到的唯一区别是您需要将 jQuery 对象传递到 js 函数中……除此之外，我看不出有太大区别，因为看起来两者都可以通过类似的步骤完成相同的事情:

        $(document).ready(function () {
            $('p').jQuery_greenify();
            greenify($('p'));
        });

        $.fn.jQuery_greenify = function () { 
            this.css("color", "green");
        };

        function greenify (el) {
            el.css("color", "green");
        }

我还发现使用 javascript 函数命名空间更容易:

        var mynamespace = {

            greenify : function (el) {
                el.css("color", "green");
            }
        }
        mynamespace.greenify($('p'));

Answer 1

通常，JQuery 函数的用途在于链接它们。就像你想打电话:

string.substring(2, 5).startsWith("lol")

代替

Util.StartsWith(Util.substring(string, 2, 5), "lol")

这样阅读起来更容易。事实上，我认为第二个功能可能仍然需要一个“return this”才有用？

这可能取决于上下文 - 一些操作与一个元素或一组元素密切相关，而其他操作则更有意义 - 因此，您的命名空间方法就可以了。它是部分编码风格。

免责声明 - 我没有编写 JQuery 插件的经验，这只是我基于 JS 语言设计的一般观察。