運行jQuery的正確位置

Question

添加不同的插件，腳本和其他jquery代碼變得相當混亂。 運行每個jquery的正確位置是什么，它是否需要為每個元素分離函數。

一些腳本在頁面的頭部運行如下：

$(function(){ ...

jQuery(function() { ...

和其他需要在最后：

$( ".add" ).button({ ...

將所有函數合並到一個$(function(){ ... ？

Answer 1

對於放置jQuery片段的位置沒有硬性快速規則。

你把它放在需要的地方。

• $(function(){是$(document).ready(function() {縮寫。它是一個事件，在文檔准備好處理時執行。

• $( ".add" ).button({正在為一個選擇器分配一個插件。每個插件都有自己的事件觸發器，它們將自動或手動發生，如通過， hovers和clicks

您應該（始終）將代碼放在正確的事件觸發器/函數調用上，以使它們正常運行。

但

如果您在頁面上使用了太多腳本，則會減慢加載時間。 當它們放在</body>之前時它們會更好

---

參考

閱讀jQuery Events Documentation ^{[docs here]}非常清楚地了解，有效地放置代碼的位置

Answer 2

$是jQuery的別名，所以你可以選擇你喜歡的東西並堅持下去。 使用$有一些優點。 它稍微更緊湊，常用於jQuery文檔。

在您的示例中，在文檔准備好時調用了匿名函數。 有一點值得注意的是，在使用文檔就緒時可能無法加載圖像。 您可以確定DOM元素是否存在，因此您的jQuery選擇器應該可以正常工作。

如果你有多個$(document).ready(function () { /* your code here */ }); 然后執行所有這些行，因此它們不會互相覆蓋。 例如，如果您有多個JS文件。 您應該將JS文件分開以保持可維護性。