blocks|key|3275349|text|第1个-将$赋值给jQuery，仅在括号内使用(无冲突版本)；第2个是普通版本，第3个是速记:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3275350|更多信息：http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Overriding_the_.24-function|offset|length|3275351|编辑：哦，是的，简写是：|style|BOLD|3275352|$(function()+{
++//+your+code
});|code-block|syntax|javascript|3275353|(函数()括号后无括号)|3275354|编辑：在长时间阅读我自己的链接后，似乎第一个链接可能只包装了部分代码，其中$符号被分配给jQuery，但您仍然必须使用$(document).ready()|CODE|3275355|编辑：对于更新的列表:第5种类型:检查其他答案，我不知道该类型。|3275356|jQuery(function($){

});|3275357|然而，第四个是用于:+1.将$附加到jQuery，临时重载(在括号内)任何框架，全局使用$速记(即原型)，也是document.ready语句。|3275358|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Overriding_the_.24-function^0|0|5|2C|0|0|0|2|0|0|0|0|2|11|1|1N|J|0|0|2|0|0|E|1|18|1|1J|E|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|F|3|G|5|6|7|1C|8|@$D|1D|E|1E|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1F|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1H|8|@$D|1I|E|1J|H|I]|$D|1K|E|1L|H|S]|$D|1M|E|1N|H|S]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1O|8|@$D|1P|E|1Q|H|I]]|9|@]|A|$]]|$1|V|3|W|5|L|7|1R|8|@]|9|@]|A|$M|N]]|$1|X|3|Y|5|6|7|1S|8|@$D|1T|E|1U|H|S]|$D|1V|E|1W|H|S]|$D|1X|E|1Y|H|S]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]]]

1st - assigns the $ to jQuery for use only inside the brackets (no conflict version)
2nd is normaln version and 3rd is shorthand :)

more: <a href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Overriding_the_.24-function" rel="nofollow noreferrer">http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Overriding_the_.24-function</a>

Edit: Oh yes, the shorthand is:

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

(no parenthesis after function() brackets)

Edit: After longer reading my own link, it seems, that the first one may only wrap part of code, where <code>$</code> symbol is assigned to jQuery, but you still have to use <code>$(document).ready()</code>

Edit:As for updated list: 5th type: check the other answer, I did not know about that type.

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

});
</code></pre>

The 4th, however, is used for: 1., attach <code>$</code> to jQuery, temporarily overloading (inside brackets) any framework, that has <code>$</code> shorthand in use globaly (i.e. prototype) and ALSO is <code>document.ready</code> statement.

blocks|key|3062410|text|更新他已经更改了问题中的呼叫列表，所以我正在更新以匹配。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3062411|第一个是黑客攻击，以避免与可能分配$的其他库发生冲突。它不是ready处理程序。第二个和第三个是ready事件处理程序。|CODE|3062412|来自the+jQuery+API+reference|3062413|3062414|以下三种语法都是等效的：|blockquote|3062415|3062416|3062417|3062418|$(document).ready(handler)|unordered-list-item|3062419|$().ready(handler)+(这不是recommended)|3062420|$(handler)|3062421|3062422|因此，尽管这三种方法做的是相同的事情，但避免使用第二种方法。|3062423|在jQuery+1.3中，$()等于$(document)。This+is+no+longer+true+in+1.4。|3062424|第四个在我看来像是一个语法错误。它本质上分配了一个新的就绪处理程序，但它传递了一个带有名为$的参数的函数。因为这是一个事件处理程序，所以jQuery将在第一个参数中传递事件信息。您通常不希望$表示事件信息。|3062425|第五个函数定义了一个新函数，然后立即调用它，不传递任何参数。所以这就是：|3062426|(function(){
++++alert("Hi!");
})();|code-block|syntax|javascript|3062427|意思与此相同：|3062428|alert("Hi!");|3062429|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/ready/|1|http://jquery14.com/day-01/jquery-14^0|0|2|0|H|1|U|5|1C|5|0|2|O|0|0|0|0|0|0|0|0|0|0|0|0|D|3|I|B|U|T|1|0|19|1|2N|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1T|8|@$9|1U|A|1V|B|H]|$9|1W|A|1X|B|H]|$9|1Y|A|1Z|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|20|8|@]|D|@$9|21|A|22|1|23]]|E|$]]|$1|K|3|-4|5|6|7|24|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|25|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|26|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|27|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|28|8|@]|D|@]|E|$]]|$1|R|3|S|5|T|7|29|8|@]|D|@]|E|$]]|$1|U|3|V|5|T|7|2A|8|@]|D|@]|E|$]]|$1|W|3|X|5|T|7|2B|8|@]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|2C|8|@]|D|@]|E|$]]|$1|Z|3|10|5|6|7|2D|8|@]|D|@]|E|$]]|$1|11|3|12|5|6|7|2E|8|@$9|2F|A|2G|B|H]|$9|2H|A|2I|B|H]]|D|@$9|2J|A|2K|1|2L]]|E|$]]|$1|13|3|14|5|6|7|2M|8|@$9|2N|A|2O|B|H]|$9|2P|A|2Q|B|H]]|D|@]|E|$]]|$1|15|3|16|5|6|7|2R|8|@]|D|@]|E|$]]|$1|17|3|18|5|19|7|2S|8|@]|D|@]|E|$1A|1B]]|$1|1C|3|1D|5|6|7|2T|8|@]|D|@]|E|$]]|$1|1E|3|1F|5|19|7|2U|8|@]|D|@]|E|$1A|1B]]|$1|1G|3|-4|5|6|7|2V|8|@]|D|@]|E|$]]]|1H|$1I|$5|1J|1K|1L|E|$1M|1N]]|1O|$5|1J|1K|1L|E|$1M|1P]]]]

Update He's changed the list of calls in the question, so I'm updating to match.
The first is a hack to avoid conflicts with other libraries which might assign <code>$</code>. It is not a <code>ready</code> handler. The second and third are <code>ready</code> event handlers.
From <a href="http://api.jquery.com/ready/" rel="nofollow noreferrer">the jQuery API reference</a>:
<blockquote>
All three of the following syntaxes are equivalent:
<ul>
<li>$(document).ready(handler)</li>
<li>$().ready(handler) (this is not recommended)</li>
<li>$(handler)</li>
</ul>
</blockquote>
So although these three do the same thing, avoid the second.
In jQuery 1.3, <code>$()</code> was equal to <code>$(document)</code>. <a href="http://jquery14.com/day-01/jquery-14" rel="nofollow noreferrer">This is no longer true in 1.4</a>.
The fourth looks like a syntax error to me. It essentially assigns a new ready handler, but it passes a function with an argument called <code>$</code>. Since this is an event handler, jQuery will pass event info in the first argument. You don't typically want <code>$</code> to represent event info.
The fifth defines a new function and then invokes it immediately, passing no arguments. So this:
<pre><code>(function(){
 alert(&quot;Hi!&quot;);
})();
</code></pre>
Means the same as this:
<pre><code>alert(&quot;Hi!&quot;);
</code></pre>

I see people using all these different techniques with jQuery. I know the 2nd technique will run on page load. But when will the 1st and the 3rd functions fire? The third technique is used in plugins to avoid conflict right? But that will fire before page load surely? I also added a 4th technique. I would like to know when you should/shouldn't use each technique. And if any of them are bogus let me know!

1st

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

})(jQuery);
</code></pre>

2nd

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

});
</code></pre>

3rd

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

}());
</code></pre>

4th

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

}); 
</code></pre>

5th

<pre><code>(function(){

})();
</code></pre>

jQuery page load

jQuery

我看到人们在jQuery中使用所有这些不同的技术。我知道第二种技术将在页面加载时运行。但是第一个和第三个函数什么时候启动呢？第三种技术是用在插件中来避免冲突，对吧？但是它肯定会在页面加载之前触发吗？我还添加了第四个技巧。我想知道你什么时候应该/不应该使用每种技术。如果他们中的任何一个是假的，让我知道！第一个(funct...

问jQuery页面加载
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery页面加载EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery页面加载
EN