Home

▼

2008年8月5日 星期二

[教學] How jQuery Works <<如何讓 jQuery 正常運作>>

From: Polin Wei

　　jQuery 在前面的 [文章] 初談 jQuery 有大致的介紹，但對一般開始要學習 jQuery 的人來說，還是有點學習的障礙，今天就大概來說一下該如何快速進入 jQuery 的世界，若你對原文(英文)的閱讀是無障礙的，那你可以讀這一篇 Tutorials:How jQuery Works本篇也是參考這文章

　　 1. 首先建立一個新的網頁 HTML 檔案 jQueryDemo.HTML ，就像下面：

  <html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      // Your code goes here
    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
  </html>
　　

　　2. 在上面的檔案中編輯 src 的屬性，如果 jquery.js 的 JavaScript 檔案與這個網頁jQueryDemo.HTML 是同目錄的話，就不需修改，就像下面

 <script type="text/javascript" src="jquery.js"></script>
　　
　　若你有需要 jQuery 的檔案，則可以在 Downloading jQuery 取得

　　3. 因為網頁在網路上讀取時，有時所有的 JavaScript 還沒有下載完畢，所以有時執行時會不如預期，為了避免這種情況發生，一般 JavaScript 的程式應該在 Document Ready 時才開始執行，為此，有兩種方法可以來解決：
方法一：

 window.onload = function(){ alert("abc") }

方法二：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
(document).ready(function(){
// Your code here
});
</script>
</head>


　　至於 jQuery 的一些範例則可以參考 [文章] 初談 jQuery
於

沒有留言:

張貼留言