在html文件中引用JQuery函数库

刚接触JQuery，跟着视频敲例子，但是只有css的效果可以显示，Js文件中的操作根本就没有反应。第一次修改，将js文件重新审视了一遍，将错误的地方改正过来；第二次将js的引用路径改了一下，依然不起作用；第三次让别人帮忙调，没有结果；第四次小新师父帮忙调，这个过程让我很受益。

首先，他在firefox中使用firebug辅助调试，我也用过，但真心不知道该怎么用，小新师父只用了一个地方，就把我的问题找出来了。

就是使用了firebug中的控制台。

这个错误的意思就是$符号没有定义，这就说明我没有引用JQery函数库，但是我明明引用了为什么说我没有引用呢？但是我是如何引用的呢？

<script language="javascript"  src="jquery-1.11.1.min.js" src="tab.js" type="text/javascript">
</script>

我在一个标签里引用了两个JQuery文件，因为代码并没有提示我引用方式错误，所以就以为可以引用两个。但是正确的引用方法是一个标签中只能引用一个JQuery文件（不过要是将来发展到可以多个引用也不错）。

于是我就分开再次引用，然后就ok啦。

需要注意的是，JQuery的引用是有顺序的，需要先引用函数库，再引用自己写的js文件，这样js文件才能引用JQuery的方法。

JQuery函数库可以到官方网站下载，地址：http://jquery.com/

可以看到目前最新版本是v2.1.1，本人目前使用的是v1.11.1。jQuery的引用方式和其他的外部js文件一样，没什么区别。