Javascript $（文档）.ready（未定义函数（）{uncaughtreferenceerror:$）

嗨，我在使用下面的代码时遇到了一个“未捕获的引用错误：$未定义”

我目前在我的日志中发现以下错误。我一直在查看框架中的示例，但似乎找不到错误所在。我已经有十多年没有使用HTML或js了，我当时所做的都是非常基本的东西。如果有任何帮助，我将不胜感激

<script type="text/javascript">
var sQuery = '<?php echo $sQuery; ?>';

$(document).ready(function(){
    if($('input[name=sPattern]').val() == sQuery) {
        $('input[name=sPattern]').css('color', 'gray');
    }
    $('input[name=sPattern]').click(function(){
        if($('input[name=sPattern]').val() == sQuery) {
            $('input[name=sPattern]').val('');
            $('input[name=sPattern]').css('color', '');
        }
    });
    $('input[name=sPattern]').blur(function(){
        if($('input[name=sPattern]').val() == '') {
            $('input[name=sPattern]').val(sQuery);
            $('input[name=sPattern]').css('color', 'gray');
        }
    });
    $('input[name=sPattern]').keypress(function(){
        $('input[name=sPattern]').css('background','');
    })
});
function doSearch() {
    if($('input[name=sPattern]').val() == sQuery){
        return false;
    }
    if($('input[name=sPattern]').val().length < 3) {
        $('input[name=sPattern]').css('background', '#FFC6C6');
        return false;
    }
    return true;
}
</script>

var sQuery=''；
$（文档）.ready（函数（）{
if（$（'input[name=sPattern]'）。val（）==sQuery）{
$（'input[name=sPattern]'）.css（'color'，'gray'）；
}
$（'input[name=sPattern]'）。单击（function（）{
if（$（'input[name=sPattern]'）。val（）==sQuery）{
$（'input[name=sPattern]'）.val（''；
$（'input[name=sPattern]'）.css（'color'，''）；
}
});
$（'input[name=sPattern]'）.blur（function（）{
if（$（'input[name=sPattern]'）。val（）=''）{
$（'input[name=sPattern]'）.val（sQuery）；
$（'input[name=sPattern]'）.css（'color'，'gray'）；
}
});
$（'input[name=sPattern]'）。按键（function（）{
$（'input[name=sPattern]'）.css（'background'，''；
})
});
函数doSearch（）{
if（$（'input[name=sPattern]'）。val（）==sQuery）{
返回false；
}
if（$（'input[name=sPattern]'）.val（）.length<3）{
$（'input[name=sPattern]'）.css（'background'，'#FFC6C6'）；
返回false；
}
返回true；
}

您似乎不需要导入。这些$functions随此非标准（但非常有用）库提供

请阅读此处的教程：

---

它从如何导入库开始。

如果您确定包含jQuery，请尝试用jQuery替换$，然后重试

差不多

jQuery(document).ready(function(){..

---

但是，如果您遇到错误，您还没有包括jQuery。

许多其他人回答了您的上述问题。当您的脚本找不到jQuery脚本时，就会出现此问题，如果您使用的是其他框架或cms，那么jQuery和其他库之间可能存在冲突。 在我的情况下，我使用如下- `

jQuery.noConflict（）；
jQuery（文档）.ready(
函数（$）{
//你的其他代码在这里
});

`

---

这里可能有一些语法错误。请原谅我，因为我是用手机写的。谢谢

无需使用

jQuery.noConflict

等等

请尝试以下方法：

//将第87行（从chrome控制台猜测）替换为以下内容
jQuery（文档）.ready（函数（$）{
//所有代码都使用$
});

---

如果第87行仍然出现错误，如

未捕获引用错误：jQuery未定义

，则需要在使用jQuery文件之前包含该文件，您可以检查上述答案

将此代码放入

标记中：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>

---

我知道这是一个老生常谈的问题，大多数人的回答都很好。但仅供参考，希望能节省其他人的时间。请检查您的功能：

$(document).ready(function(){}

---

在加载JQuery库后被调用

请记住，必须先加载JQuery脚本，然后加载脚本js

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="example.js"></script>

---

Html是按顺序读取的！

$

是jQuery库提供的函数，除非您加载了jQuery库，否则它将不可用

您需要添加

jQuery

（通常带有一个

元素，该元素可以指向库的本地副本或托管在CDN上的副本）。请确保您使用的是当前和受支持的版本：关于这个问题的许多答案都建议使用不再受支持且存在已知安全问题的1.x或2.x版本的jQuery

<script src="/path/to/jquery.js"></script>

确保在运行任何依赖jQuery的脚本之前加载jQuery

将提供一个链接，用于下载库的当前版本（在撰写本文时为3.5.1，但在阅读本文时可能会发生变化）

在页面的下一步，您将找到指向将为您托管库的多个位置的链接

---

---

（注意：其他一些库提供了

$

函数，浏览器具有本机

$

变量，这些变量仅在开发人员工具控制台中可用，但这个问题与这些变量无关）.

您的源代码中是否包含jQuery库？请确保将jQuery包含到您的项目中。您没有针对此问题的适当标记-无论何时提出问题，请添加相关标记和的可能副本。浏览器中未包含和。您必须这样做。但我同意您的观点，即此库是几乎每个人都应该使用（在开发人员的世界里，这是一种非常罕见的现象，通常我发现人们非常愿意添加无用的库）。非本地应该是这个词。你应该看：我明白你的意思。说到“本地”，我不是以英语为母语的人，因此不会总是选择最合适的词。对不起，感谢上帝，谢谢你的存在=）你的代码救了我。

<script src="/path/to/jquery.js"></script>