The front end of $ jquery-jQuery (function () {}) and (function ($) {}) (jQuery), $ (document) .ready (function () {}) difference

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/qq_36251118/article/details/82894844

1.（function($){...}）(jQuery);

　　（1）、原理：

　　       这实际上是匿名函数，如下：

　　　　function（arg）{...}

　　　　这就定义了一个匿名函数，参数为arg；而调用函数是，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即(function(arg){...})(param)

　　　　这就相当于定义了一个参数为arg的匿名函数，并且 将param作为参数来调用这个匿名函数；

　　　　而（function($）{...})(jQuery)则是一样的，之所以只在形参 使用$,是为了不与其他库冲突，所以实参用jQuery

　　　　相当于function output(s){...};output(jQuery);或者var fn=function(s){...};fn(jQuery);

　　（2）、作用（非常有用）：

　　　　这种写法的最大好处是形成闭包。在（function（$）{...}）(jQuery)在内部定义的函数和变量只能在

此范围内有效。

2.$(function(){...});jQuery(function($){...});$(document).ready(function(){...})这三个的作用是一样的；

文档载入完成后执行的函数。