如何在HTML中引用jQuery函數庫


要使用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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM