BloggerAds

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

沒有留言:

張貼留言