function(x){ 
    x...
}

只是一个没有名字的函数，它接受一个参数“x”，并用 x 做一些事情。

您可以使用 $，而不是常见的变量名 'x'，这是一个不太常见的变量名，但仍然合法。

function($){ 
    $...
}

我会将它放在括号中以确保它解析为表达式：

(function($){
    $....
})

要调用一个函数，你可以在它后面加上一个参数列表 ()。例如，如果我们想调用这个函数，传入 3 的值，$我们会这样做：

(function($){
    $...
})(3);

只是为了踢球，让我们调用这个函数并将 jQuery 作为变量传入：

(function($){
     $....
})(jQuery);

这将创建一个新函数，该函数接受一个参数，然后调用该函数，并传入 jQuery 作为值。

为什么？

• 因为每次你想用 jQuery 做某事时都编写 jQuery 是乏味的。

为什么不直接写$ = jQuery？

• 因为其他人可能已经将 $ 定义为其他含义。这保证了 $ 的任何其他含义都被这个含义所掩盖。

(function( $ ){

})( jQuery );

这是$在参数中使用的自执行匿名函数，因此您可以使用它 ( $) 而不是jQuery在该函数内部，并且不必担心与其他库发生冲突，因为在其他库中也$有特殊含义。这种模式在编写 jQuery 插件时特别有用。

你可以在那里写任何字符而不是$太：

(function(j){
  // can do something like 
  j.fn.function_name = function(x){};

})(jQuery);

这里j会自动追上 jQuery 指定的末尾(jQuery)。或者您可以完全省略参数，但是您将不得不jQuery到处使用关键字，而不是$仍然不必担心碰撞。So$包含在简写的参数中，以便您可以在该函数内部编写$而不是在jQuery周围编写。

如果您甚至查看 jQuery 的源代码，您会发现所有内容都包含在它们之间：

(function( window, undefined ) {
  // jQuery code
})(window);

也可以看出这是一个带参数的自执行匿名函数。一个window(and undefined) 参数被创建并映射window到底部的全局对象(window)。这是近来流行的模式并且几乎没有速度增益，因为这里window将从参数而不是window下面映射的全局对象中查看。

这$.fn是 jQuery 的对象，您可以在其中创建新函数（它也是一个对象）或插件本身，以便 jQuery 将您的插件包装在其$.fn对象中并使其可用。

有趣的是，我在这里回答了类似的问题：

JavaScript / jQuery 闭包函数语法

您还可以查看这篇文章以了解有关我编写的自执行函数的更多信息：

Javascript 自执行函数

基本插件语法允许您在插件正文中使用$来引用jQuery，而不管$插件加载时的标识。这可以防止与其他库的命名冲突，尤其是 Prototype。

语法定义了一个函数，它接受一个已知的参数，$因此您可以$在函数体中引用它，然后立即调用该函数，将其jQuery作为参数放入。

这也有助于不污染全局命名空间（所以宣布var myvar = 123;在你的插件的身体会不会突然定义window.myvar），但主要的表面目的是让你使用$，其中$可能从此被重新定义。

您正在处理那里的自调用匿名函数。将 jQuery 插件包装在这样的函数中以确保$符号绑定到jQuery对象就像“最佳实践” 。

例子：

(function(foo) {
    alert(foo);
}('BAR'));

这会BAR在放入<script>块时发出警报。参数BAR传递给调用自身的函数。

同样的原理发生在你的代码中，jQuery对象被传递给函数，所以$肯定会引用 jQuery 对象。

最后的 jQuery 将自身 (jQuery) 传递给函数，以便您可以在插件中使用 $ 符号。你也可以这样做

(function(foo){

  foo.fn.myPlugin = function() {


    this.fadeIn('normal', function(){


    });

  };
})( jQuery );