jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别

转自http://www.cr173.com/html/17629_1.html

Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。

1 $(document).ready(function(){ // 在这里写你的代码... });

在DOM加载完成时运行的代码，可以简写成

jQuery(function(){});

(function($) {})(jQuery)是什么意思？
其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。相当于

1 function aa($){}
2 aa(jQuery)

是初始化jquery对象的惯用方法.

通俗点说就是在页面加载完成后执行你需要的代码.
不过这个东西,有的时候会使页面跳动,很多JQUERY插件都是在加载完成后,才改变样式的,页面会有跳动或闪动的感觉.比如ui.tab这个插件,页面元素一多,全部显示出来了,它才形成TAB,很晕的说

(funtion(){})()；立即执行函数；相当于先申明一个函数，声明完后直接调用；

如果参数如：

(funtion(str){alert(str)})("output"));

相当于：

1 funtion OutPutFun(str){alert(str);}
2 OutPutFun("output");

　　jQuery(function(){　});用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method也调用不了其中的方法（函数）。
　　(function(){　})(jQuery)；用于存放开发插件的代码，执行其中代码时DOM不一定存在，所以直接自动执行DOM操作的代码请小心使用。

　　(function($){...})(jQuery)实际上是匿名函数，不懂得朋友可以继续往下看。
这里实际上是匿名函数 function(arg){...}，这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数，而(function($){...})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery var fn = function($){....}; fn(jQuery);是初始化jquery对象的惯用方法。

转载于:https://www.cnblogs.com/Youngly/p/4335361.html

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别相关推荐

jQuery中hover与mouseover和mouseout的区别分析
本文实例分析了jQuery中hover与mouseover和mouseout的区别.分享给大家供大家参考,具体如下: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于h ...
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别? 在我们深入了解这些方法之前,我们先来一段常见的的HTML,作为我们编写jquery示例方法使 ...
jQuery中 parent child 与 ance desc 的区别
jQuery中< parent > child >与< ance desc >的区别 (1)< ance desc > 使用$("ance desc ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
JQuery 中load、ready 和 onload 的区别
$(document).ready() 和 window.onload 在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上 $(document).ready() 和 window ...
jquery 中 $(document).ready() 与window.onload 的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 windo ...
jquery中ajax的分页,利用jQuery中的ajax分页实现代码
本文实例讲解了用jQuery中的ajax分页相关代码,分享给大家供大家参考,具体内容如下把分页封装到一个jsp里,那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.j ...
jQuery中的$(window)与$(document)的用法区别
[window对象] 它是一个顶层对象,而不是另一个对象的属性,即表示浏览器中打开的窗口. 1.属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个 ...
jQuery中常需引用的jquery.min.js文件的内容
/*! jQuery v3.6.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */ !function ( ...
jquery 中后代遍历之children、find区别
jquery 中children.find区别首先看一段HTML代码,如下: 1 <table id="tb"> 2 <tr> 3 <td>0 ...

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别相关推荐

最新文章

热门文章