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
沒有留言:
張貼留言