要使用jQuery,我們要知道,jQuery是一個函數庫,簡單來講就是一個后綴名為".js"的文件。我們可以在這里找到jQuery的最新版本文件:http://jquery.com/。對於學習來說,我們就下載它的壓縮版本就可以了。
可以看到,目前最新版本是v1.5.2。
另外,當點擊Download按鈕后,只會打開一個窗口,我們在這個頁面下"文件->頁面另存為",保存即可。
jQuery的引用方式和其他的外部js文件一樣,沒什么區別。如下
<script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>
因為我的js文件都是放在scripts文件夾下,所以就可以像上面那樣引用到當前文件中來。但是需要注意的一點是,這個引用應該放在其他js文件的引用之前,這樣其他的js文件才能使用jQuery方法。
一般而言,采用jQuery函數庫的HTML文件,通常應該是這樣的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery 測試</title> <meta name="keywords" content="" /> <meta name="discription" content="" /> <link rel="stylesheet" type="text/css" href="css/global.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="scripts/index.js"></script> </head> <body>
</body> </html> |
|
我們自己的js內容應該寫到另一個文件中去,如上面所示,我新建了一個index.js來存放自己的js內容,這樣可以保證jQuery不會被誤操作導致不完整,也有利於重用。
轉自 http://blog.csdn.net/shanluan_/article/details/7729218