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

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

是 jQuery 中的经典用法，等同于 $(document).ready(function() {....})，即在页面加载完成后才执行某个函数，如果函数中要操作 DOM，在页面加载完成后再执行会更安全，所以在使用 jQuery 时这样的写法很常见。

js中使用(function()...)(jQuery)

用来定义一些需要预先定义好的函数，在这使用形参，是为了不与其他库冲突，所以实参用jQuery。

好处有
1 避免全局依赖；
2 避免第三方破坏；
3 兼容jquery操作符"$"和jquery；

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

原文：https://www.cnblogs.com/yaoyao-sun/p/10398249.html