blocks|key|1105996|text|Nothing+whatsoever.|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1105997|1105998|此函数的行为类似于$(document).ready()，因为它应该用于包装其他$()|blockquote|1105999|1106000|1106001|可以在source+code中看到这一点|1106002|rootjQuery+=+jQuery(document);

...

}+else+if+(+jQuery.isFunction(+selector+)+)+{
++++return+rootjQuery.ready(+selector+);
}|code-block|syntax|javascript|1106003|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery/#jQuery3|1|http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js^0|0|J|0|0|0|0|0|0|3|B|1|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|-4|5|6|7|14|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|15|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|16|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|17|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|L|3|M|5|N|7|1C|8|@]|9|@]|C|$O|P]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

<a href="http://api.jquery.com/jQuery/#jQuery3" rel="noreferrer">Nothing whatsoever.</a>

<blockquote>
 This function behaves just like
 $(document).ready(), in that it should
 be used to wrap other $()
</blockquote>

You can see this in the <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js" rel="noreferrer">source code</a>:

<pre><code>rootjQuery = jQuery(document);

...

} else if ( jQuery.isFunction( selector ) ) {
 return rootjQuery.ready( selector );
}
</code></pre>

blocks|key|1106061|text|}+else+if+(jQuery.isFunction(selector))+{
++++return+rootjQuery.ready(selector);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1106062|从source|unstyled|offset|length|1106063|调用$(document).ready(selector)可以节省一些if语句。|style|CODE|1106064|尽管jQuery确实在内部缓存了$(document)，但这可能会使$(f)更快。|1106065|Benchmarked|1106066|entityMap|0|LINK|mutability|MUTABLE|url|http://james.padolsey.com/jquery/#v=1.5&fn=jQuery.fn.init|1|http://jsperf.com/ready-vs-jquery^0|0|1|6|0|0|2|R|0|G|B|Y|4|0|0|B|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|11|8|@]|9|@$G|12|H|13|1|14]]|A|$]]|$1|I|3|J|5|F|7|15|8|@$G|16|H|17|K|L]]|9|@]|A|$]]|$1|M|3|N|5|F|7|18|8|@$G|19|H|1A|K|L]|$G|1B|H|1C|K|L]]|9|@]|A|$]]|$1|O|3|P|5|F|7|1D|8|@]|9|@$G|1E|H|1F|1|1G]]|A|$]]|$1|Q|3|-4|5|F|7|1H|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

<pre><code>} else if (jQuery.isFunction(selector)) {
 return rootjQuery.ready(selector);
}
</code></pre>

From the <a href="http://james.padolsey.com/jquery/#v=1.5&amp;fn=jQuery.fn.init" rel="noreferrer">source</a>

Calling <code>$(document).ready(selector)</code> saves a few if statements.

Although jQuery does cache <code>$(document)</code> internally that might make <code>$(f)</code> faster.

<a href="http://jsperf.com/ready-vs-jquery" rel="noreferrer">Benchmarked</a>

blocks|key|1676169|text|两者是等价的，第一个是速记形式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1676170|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Both are equivalent, the first is a shorthand form.

blocks|key|1106014|text|$(function(){})是dom+ready的捷径|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1106015|作为参数传递给jQuery构造函数的函数被绑定到document+ready事件。|1106016|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

$(function(){}) is a short cut for the dom ready

A function passed as an argument to the jQuery constructor is bound to the document ready event.

blocks|key|1102334|text|我建议你读一下this。如你所见|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1102335|1102336|以下三种语法都是等效的：|blockquote|1102337|1102338|$(document).ready(handler)|style|CODE|1102339|$().ready(handler)+(this+is+not+recommended)|1102340|$(handler)|1102341|1102342|所以这取决于你和你的喜好。|1102343|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/ready/^0|7|4|0|0|0|0|0|0|Q|0|0|18|0|0|A|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|D|3|-4|5|6|7|15|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|16|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|17|8|@]|9|@]|C|$]]|$1|I|3|J|5|6|7|18|8|@$A|19|B|1A|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|1B|8|@$A|1C|B|1D|K|L]]|9|@]|C|$]]|$1|O|3|P|5|6|7|1E|8|@$A|1F|B|1G|K|L]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1I|8|@]|9|@]|C|$]]|$1|T|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]]|U|$V|$5|W|X|Y|C|$Z|10]]]]

I suggest you read <a href="http://api.jquery.com/ready/" rel="noreferrer">this</a>. As you can see
<blockquote>
All three of the following syntaxes are equivalent:
<code>$(document).ready(handler)</code>
<code>$().ready(handler) (this is not recommended)</code>
<code>$(handler)</code>
</blockquote>
So it's up to you and to what you prefer.

blocks|key|1676343|text|两者完全等效:使用您喜欢的任何形式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1676344|也就是说，我个人总是使用扩展形式的$(document).ready(function(){});，原因很简单，代码所做的事情非常明显。大致的想法是“自文档化代码”。任何后来读过这段代码的人都会立即看到，这段代码是在document的ready事件上运行的，使用速记形式，你必须依靠你的代码读者来理解它的含义。|offset|length|style|CODE|1676345|entityMap^0|0|H|W|30|8|39|5|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|I|$]]

The two are exactly equivalent: use whichever form you like.

That said, I personally always use the expanded form <code>$(document).ready(function(){});</code> for the simple reason that it is completely obvious what the code is doing. The approximate idea is that of "self-documenting code". Anyone coming to the code later on will immediately see that the code is to be run on the <code>document</code>'s <code>ready</code> event. With the short-hand form, you have to rely upon the reader of your code understanding the meaning.

blocks|key|3084760|text|我们遇到过这样的情况:+IE9不能在$(function()+{})内运行函数；其方式或时序与$(Document).ready(function(){})相同；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3084761|这个问题对于我们来说，特别是在读取查询字符串中的信息并在屏幕上处理和显示该信息，或者使用它来处理表单时，会引起我们的注意。一旦信息被$(function()+)缓存，IE9就会对其进行处理，并且用户刷新了页面。但在第一次运行时，没有什么是正确的。但是，一旦我们从$(function(){})；切换到$(document).ready()，这个问题就解决了。我们没有改变其他任何东西。|3084762|我非常期待有一天我不需要测试IE9或更低的版本。|3084763|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

We have run into situations where IE9 does not run functions within $(function() {}); in the same manner or timing as $(document).ready(function(){});

The issue reared its head for us specifically in reading information out of a query string and processing and displaying that information on the screen, or using it to process a form. IE9 would process the information once it was cached with $(function(), and a user refreshed the page. But on first run, nothing worked right. However, once we switching from $(function(){}); to $(document).ready(), the issue was fixed. We changed NOTHING else.

I so look forward to the day I don't have to test for IE9 and lower.

blocks|key|357333|text|它们实际上是一样的。没什么区别。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|357334|357335|这是原生的方式。|357336|$(document).ready(function()+{
++++//+code
});|code-block|syntax|javascript|357337|这是前一个的简写。|357338|$(function()+{
++++//+code
});|357339|jQuery+source+code|offset|length|357340|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jquery/jquery/blob/master/src/core.js#L168-172^0|0|0|0|0|0|0|0|I|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|C|3|D|5|6|7|11|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|12|8|@]|9|@]|A|$H|I]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|G|7|14|8|@]|9|@]|A|$H|I]]|$1|N|3|O|5|6|7|15|8|@]|9|@$P|16|Q|17|1|18]]|A|$]]|$1|R|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

They're effectively the same. No difference.

<hr>

This is the native way.

<pre><code>$(document).ready(function() {
 // code
});
</code></pre>

And this is a shorthand for the previous.

<pre><code>$(function() {
 // code
});
</code></pre>

<a href="https://github.com/jquery/jquery/blob/master/src/core.js#L168-172" rel="noreferrer">jQuery source code</a>

blocks|key|3084465|text|我使用$(function()+{});是因为它更短。据我所知，这两种方法没有区别。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3084466|entityMap^0|3|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I use <code>$(function() {});</code> because it's shorter. As far as I know there is no difference between the two ways of doing it.

blocks|key|1676494|text|jQuery建议使用$(+fn+)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1676495|1676496|+$(document).ready(function()+{});或$(document).on("ready",+fn);将导致在文档就绪时调用该函数，但前提是在浏览器触发其自己的DOMContentLoaded事件之前附加了该函数。这使得它对许多用途来说都不可靠，特别是在页面加载后异步加载jQuery或其插件的情况下。|blockquote|1676497|1676498|1676499|有关更多信息，请访问jquery-migrate|1676500|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jquery/jquery-migrate/blob/main/warnings.md#jqmigrate-ready-event-is-deprecated^0|A|7|0|0|1|X|Z|S|0|0|0|A|E|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|14|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|15|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|N|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

jQuery recommends to use <code>$( fn )</code>.
<blockquote>
<code>$(document).ready(function() {});</code> or <code>$(document).on(&quot;ready&quot;, fn);</code>
will cause the function to be called when the document is ready, but
only if it is attached before the browser fires its own
DOMContentLoaded event. That makes it unreliable for many uses,
particularly ones where jQuery or its plugins are loaded
asynchronously after page load.
</blockquote>
For more info, please look into <a href="https://github.com/jquery/jquery-migrate/blob/main/warnings.md#jqmigrate-ready-event-is-deprecated" rel="nofollow noreferrer">jquery-migrate</a>

what is difference between

<pre><code>$(function(){

}); 
</code></pre>

and 

<pre><code>$(document).ready(function() { 

});
</code></pre>

What is the difference between these jQuery ready functions?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

它们之间的区别是什么$(function(){}); 和$(document).ready(function() { });

问这些jQuery就绪函数之间有什么区别？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问这些jQuery就绪函数之间有什么区别？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问这些jQuery就绪函数之间有什么区别？
EN