如何在HTML中引用jQuery函數庫

時間  2019-11-07
標籤 如何 html 引用 jquery 函數 欄目 HTML 简体版
原文   原文鏈接

要使用jQuery，咱們要知道，jQuery是一個函數庫，簡單來說就是一個後綴名爲".js"的文件。咱們能夠在這裏找到jQuery的最新版本文件：http://jquery.com/。對於學習來講，咱們就下載它的壓縮版本就能夠了。javascript

能夠看到，目前最新版本是v1.5.2。css

另外，當點擊Download按鈕後，只會打開一個窗口，咱們在這個頁面下"文件->頁面另存爲"，保存便可。html

jQuery的引用方式和其餘的外部js文件同樣，沒什麼區別。以下java

<script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>jquery

由於個人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/7729218ui

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程