jQuery 扩展 $.fn 和调用方法语法

Question

我知道您在扩展 $.fn 时会调用这样的方法。

( $ == jQuery )

//$("div").myMethod();

$.fn.extend({
   myMethod: function(){...}
});

当你扩展 jQuery 对象时，就像这样:

//$.myMethod2();

$.extend({
    myMethod2: function(){...}
});

但我不太明白 $() 在这里做什么:

//这里调用了一些方法。有些具有相同的方法名称(启动)，这是不好的。

//但这也许就是需要空白 jQuery 对象的原因，这样方法名称就不会冲突

$(function() {

    $().functionName({
      something: 'something'
    }).myMethod();

    $().func1({
      x: 1
    }).initiate();

    $().func2({
      y: 2
    }).initiate();

});

这与调用该方法(包括函数名称)有关吗？

提前致谢，希望这是有道理的。

Answer 1

$() 创建一个空的 jQuery 对象(包装集)。我不知道为什么有人会做这样的事情。基本上，您在一组空元素上调用 functionName 和 myMethod = 不会发生任何事情。

jQuery().css({
   'foo': 'bar'
}).show();