如何在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>