2015-02-10 84 views
-22

我剛剛學會了如何編寫jQuery,但我不知道在哪裏編寫jQuery或如何將它鏈接到我的HTML。如果你可以包含很多細節,那將是非常棒的。我在哪裏編寫和鏈接jQuery?

+0

大多數jQuery教程都會介紹如何加載jQuery本身,以及在哪裏/如何編寫使用jQuery的代碼。 – 2015-02-10 19:30:50

+0

對不起這裏的大多數人似乎粗魯,但我同意。似乎大多數教程都應該介紹如何在庫中加載以及在哪裏編寫代碼。 – CrazyPaste 2015-02-10 19:32:47

+0

嗯,代碼研究院只是寫了一個Java腳本文件中的所有jquery,並沒有包含HTML中的任何鏈接 – jberk 2015-02-10 19:36:26

回答

2

第1步 - 在頁面中包含jQuery。這是通過簡單地創建鏈接到庫的script標籤完成的。例如:

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script> 

這是常用在頁面head元素來完成的,但它並不需要是。從技術上講,它可以在頁面的任何地方完成。對於想要快速加載UI資源並且然後調用代碼的頁面,這通常可以在頁面主體的末尾完成。

沒有必要鏈接到CDN版本,因爲我在這裏做的,你也可以維護jQuery的本地副本。或者你可以鏈接到另一個版本,或另一個CDN等。

第2步 - 編寫jQuery代碼。這可以在之後的任何代碼塊中完成,其中包括該庫的上述行。例如:

<script type="text/javascript"> 
    $(function() { 
     // code 
    }); 
</script> 

jQuery代碼只是JavaScript代碼,它依賴於jQuery庫。所以你可以在編寫JavaScript代碼的任何地方寫它。由於它依賴於特定的庫,因此只需在加載庫之後存在它(因爲JavaScript是按寫入順序進行分析的)。

+0

謝謝,所以我可以寫在HTML頭jQuery的? – jberk 2015-02-10 19:34:14

+1

@jberk:只要包含圖書館,是的。 – David 2015-02-10 19:34:59

0

你可以將它寫在標籤的旁邊,通常在那裏寫javascript。

您可以添加一個外部文件中像如下─

<script src="Scripts/abc.js"></script> 

或您的ASPX,htmletc文件中

<script type="text/javascript"> 
    // your code 
</script> 
0

您可以直接把它寫到裏面<script>標記的HTML文檔或鏈接與<script src="javascript.js"></script> 。您應該仔細閱讀該課程,以確保您能夠捕捉到這樣的重要概念。

0

在你的頁面的<head>,包括一個鏈接到jQuery的核心,就像這樣:

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

然後內的頭<script>標籤編寫代碼。

<head> 
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      //your code here 
     }); 
    </script> 
<!-- whatever else --> 
</head>