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

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

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

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

,在这使用形参,是为了不与其他库冲突,所以实参用jQuery。

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

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