Javascript在IE7,8,9中返回控制台错误，但在其他浏览器中都能正常工作？

每当我尝试运行一组javascript时，在IE7、8或9中总会出现以下控制台错误。但是，它在任何其他浏览器中都可以正常工作

SCRIPT438: Object doesn't support property or method 'addEventListener' 
jquery-2.0.3.min.js, line 3 character 6105
SCRIPT5009: 'jQuery' is undefined 
jquery.animate-colors.js, line 8 character 1
SCRIPT5007: The value of the property '$' is null or undefined, not a Function object 
localhost, line 100 character 2

在下面找到我试图运行的代码（删除了不重要的代码，jquery在加载任何插件之前加载）

$（窗口）。加载（函数（）{
美元（“#titleFirstname”）.delay（200）。fadeIn（500）；
美元（“#titleLastname”）.delay（450）。fadeIn（500）；
美元("进入"),延迟(650美元),法代因(500美元),；
$（“#输入”）.hover（函数（）{
动画（{backgroundColor:'rgba（255，255，255，0.5）}，100）
}，函数（）{
$（this）.animate（{backgroundColor:'rgba（255，255，255，0.2）}，100）
});
$（“#footer”）.delay（500）。动画（{bottom:'5px'}）；
});
文本
文本

jQuery显示为未定义的事实，让我觉得它没有正确地引用到它的库中。另一个迹象是“$”抛出错误。您是如何引用jQuery库的？在调用您试图运行的函数之前，您是如何引用它的？受支持，

jQuery 1.10支持，jQuery库分为两个不同的分支：jQuery 1.10.x和jQuery 2.x。两个分支同时更新，支持完全相同的公共API。两者之间的区别是2.x将不再支持IE6/7/8，1.10.x将继续支持IE6/7/8，直到这三个版本的市场份额都低于不再值得测试的水平（这在短期内不太可能发生）

除非您不想支持oldIE，否则请使用jQuery 1.10.2

---

使用条件注释来包含1.10.2（适用于旧版浏览器）和2.x（适用于现代浏览器）可能是值得的，但包含1.10.2（适用于所有浏览器）也是可以接受的。

该版本的jQuery不支持旧版浏览器。切换到旧版本1.10.2jquery 2.x.x不支持2.0发行说明中的旧IE？@adeneo：正如承诺的那样，此版本将保留旧的Internet Explorer 6、7和8浏览器。。。jQuery团队仍然支持在IE6/7/8上运行的1.x分支。这非常有效，Kevin，我完全忽略了使用错误版本的jQuery。你能把它添加为一个答案吗？我需要等待背景图像加载，然后再显示任何内容。它没有定义，因为它在设置

窗口。$

和

窗口之前出错。jQuery

这就是为什么我认为is没有被正确引用的原因。它可能不支持它的特性，但是基本的jQuery特性应该仍然可以运行，不是吗？你只需摸索与IE版本不兼容的功能。它甚至没有意识到jQuery正在运行或加载。例如，较新的jQuery函数可能会出错，它无法绑定到document ready事件，因为oldIe不支持addEventListener。那一行在设置全局变量的那一行之前，因此全局变量从未被设置。我明白了。我开始在IE8和IE9中使用jQuery。谢谢你的信息。是的，它使用AttachEvent，而不是addEventListener。谢谢@Kevin B。

<script>

$(window).load(function() {

    $("#titleFirstname").delay(200).fadeIn(500);
    $("#titleLastname").delay(450).fadeIn(500);

    $("#enterSite").delay(650).fadeIn(500);

    $("#enterSite").hover(function() {
        $(this).animate({backgroundColor: 'rgba(255, 255, 255, 0.5)'}, 100)
    }, function() {
        $(this).animate({backgroundColor: 'rgba(255, 255, 255, 0.2)'}, 100)
    });

    $("#footer").delay(500).animate({bottom: '5px'});

});

</script>


<div id="primaryContainer">
    <div id="titleFirstname">
        TEXT
    </div>

    <div id="titleLastname">
        TEXT
    </div>

    <a href="#">
        <div id="enterSite">
            ENTER SITE
        </div>
    </a>

</div>