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