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

posted @ 2014-02-24 14:20  fan_yishan  阅读(20947)  评论(0编辑  收藏  举报