IE浏览器调用jquery需要注意的小问题

今天在进行前端重构的时候发现了一个非常奇怪的浏览器兼容性问题，我想在网页上放一个JS的特效，于是下载了jquery-easyui，经过修改完成所需要的效果后，准备放入项目中，发现在IE浏览器中无法运行，而该特效的效果在chrome浏览器中则可以相当正常的显示，之后放到IE8浏览器及其兼容模式下也出现了一些问题。

IE8中只显示了当前页面的背景，页面所有内容都没有显示，我起初怀疑可能是jsp解析成html源代码时出现问题，可是检查了一下，并且使用html页面测试了一下，仍然是同样的情况。感觉相当的奇怪，经过几经周折，终于找到了问题所在：

Xml代码

<script type="text/javascript" src="/js/jquery-1.4.2.min.js" />

<script type="text/javascript" src="/js/jquery.easyui.min.js" />

这两行js调用似乎并没有任何问题，但就是显示不出来，于是我将其改成：

Xml代码

<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>

<script type="text/javascript" src="js/jquery.easyui.min.js" ></script>

在IE浏览器中居然就正常显示了，真是匪夷所思啊。原来在调用jquery文件的时候，必须是要把其他的jquery相关JS文件放到jquery文件的后面。

在关于标签的闭合方面，我也始终有一些疑惑，在XML中一点问题都没有，但是在HTML中，似乎上面的情况出现的几率还是比较高的。

比如一个div， 一般形式是这样的：<div id="theIdOfThisDiv" ></div>，由于很多情况下，我们可以在js或css中定义该div块的行为大小属性等，此时标签之间是没有内容的，因此，我一直认为写成<div id="theIdOfThisDiv" />应该是合乎逻辑的，但是你如果真这么做了，你就会发现浏览器的支持是有问题的。