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