Question

我正在玩jQuery插件开发，我想链接方法。我在jQuery教程（https://learn.jquery.com/plugins/basic-plugin-creation/）中读到，你可以通过在方法的末尾添加return this;来链接方法，这适用于第一种方法（测试1）。如何使用console.log的第二种方法（测试2）？所有方法都可以链接吗？

   // test 1
    $.fn.greenify = function () {
        this.css('color', 'green');
        return this;
    };

    // test 2
    $.fn.console = function () {
        this.on('click', function () {
            console.log('hello world');
        });
    };

    $('a').greenify().console();

Answer 1

第二种方法应该返回jQuery实例。事件处理程序使用console.log函数的事实与该方法的返回值无关。当on返回jQuery对象时，您可以编码：

$.fn.console = function () {
   return this.on('click', function () {
      console.log('hello world');
   });
};

现在console方法可以链接！

JavaScript / jQuery：如何链接使用console.log（）

1 个答案: