未捕获的 ReferenceError：$ 未定义 [重复]答案

【问题标题】：Uncaught ReferenceError: $ is not defined [duplicate]未捕获的 ReferenceError：$ 未定义 [重复]
【发布时间】：2012-09-07 08:03:20
【问题描述】：

我遇到了未定义的错误，我不知道如何解决。

这是我的代码：

<script type="text/javascript">
    function returnBlurayDisc(member_id){
         var xmlhttp;

         if (window.XMLHttpRequest){
              xmlhttp=new XMLHttpRequest();
     }else{
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }

     xmlhttp.onreadystatechange=function(){
          if (xmlhttp.readyState==4 && xmlhttp.status==200){
         document.getElementById("popup_container").innerHTML=xmlhttp.responseText;
         $("#GrayBackground").css({'height':'1900px','display':'inline'});

           }
     }

     xmlhttp.open("GET","ajax/returnAjax.php?member_id="+member_id+"&name="+name);
     xmlhttp.send();    
     }
</script>

错误是 Uncaught ReferenceError: $ is not defined。请帮助我。

【问题讨论】：

你是否正确地包含了 jquery 库？
顺便说一句，如果你已经在使用 jQuery，为什么不使用 jQuery get() 或 ajax() 函数呢？

标签： javascript jquery

【解决方案1】：

这一行：

$("#GrayBackground").css({'height':'1900px','display':'inline'});

使用 jQuery（通过$ 函数），如果你想要这行代码，你需要在页面中包含一个库。

把它放在页面顶部进行测试：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

值得注意的是，如果您想采用 jQuery（在许多情况下这是一个好主意），您可以使用它来简化很多事情，包括您现在手动执行的 AJAX 请求。

【讨论】：

+1 用于协议相对 URI 以避免不安全的内容警告。

【解决方案2】：

$ 在您的代码中很可能是指 jQuery 库。因此，请确保您的文档中包含了 jQuery 库文件。

如果您使用 CDN，那么您必须在文档的 head 部分包含类似下面的标签。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

这包括您文档中的 JQuery 库，您可以最终使用$ 来定位元素。

【讨论】：