在js文件中使用jQuery

-2

我知道在HTML文件中包含<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>，我可以直接在這個文件中寫jQuery。但是，我沒有在單個文件上工作，因此，html中太多的js代碼看起來不太好。 js文件中可以使用jQuery嗎？所以我可以在獨立的js文件中添加一些常用功能。只是jQuery的一個後在js文件中使用jQuery

$(function() { 
    // your own code using the DOM 

});

，然後包括這個文件：

來源

2013-07-29 mayaa

代碼是短暫的。如果它起作用，它就會起作用。代碼需要可讀和一致。你應該擔心的唯一美學是你的實際設計的美學，而不是它背後的代碼。 – b28c92e5ff1

創建一個文件夾名爲JS和內把你的js文件，例如main.js

您的js文件應該這樣開始：main.js

$(document).ready(function(){ 
    //code here 
});

請注意，您可以使用的$（document）.load（函數（）太

在你的index.html把這個頁腳這樣的：的index.html

<!DOCTYPE HTML> 

    <html> 

     <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <title>Your Website</title> 
     </head> 

     <body> 
     <!--============MAIN-CONTAINER============ --> 
     <section> 

     </section> 
     <!--============SIDEBAR=================== --> 
     <aside> 
     </aside> 
     <!--============FOOTER==================== --> 
     <footer> 
      <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script> 
      <script src="js/main.js"></script> 
     </footer> 

     </body> 

    </html>

以獲得最佳性能。

alfernative ，如果你想使用它作爲

<script src="scripts/jquery-2.0.0.min.js"></script>

下載此：

http://code.jquery.com/jquery-2.0.0.min.js

，並把它變成一個新的文件夾名稱爲腳本和替換

<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>

與

<script src="scripts/jquery-2.0.0.min.js"></script>

在您的頁腳

這樣的：

<footer> 
     <script src="scripts/jquery-2.0.0.min.js"></script> 
     <script src="js/main.js"></script> 
    </footer>

來源

2013-07-29 10:15:37

你可以把你的代碼在自己的js文件

<script src="scripts/jquery-1.10.2.js"></script> 
<script src="myownfile.js"></script>

來源

2013-07-29 10:07:50

我認爲提問者想知道是否有一種方法可以像使用include（「example.php」）這樣的方法包含PHP文件一樣包含jQuery。 – b28c92e5ff1

@磁鐵我不知道。但你的評論至少證實了這個問題還不夠清楚。 –

在''中添加兩個'

相關問題

在js文件中使用jQuery

回答

相關問題