blocks|key|675720|text|在脚本之前添加jQuery库，该脚本使用$或jQuery，以便在脚本中标识$。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|675721|<script+src="http://code.jquery.com/jquery-1.11.0.min.js"></script>|code-block|syntax|javascript|675722|entityMap^0|E|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Add jQuery library <strong>before your script which uses $ or jQuery</strong> so that $ can be identified in scripts.</p>
<pre><code>&lt;script src=&quot;http://code.jquery.com/jquery-1.11.0.min.js&quot;&gt;&lt;/script&gt;
</code></pre>


blocks|key|1395798|text|使用Google快速加载：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1395799|<script+type="text/javascript"+src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>|code-block|syntax|javascript|1395800|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Use Google CDN for fast loading:</p>

<pre><code>&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
</code></pre>


blocks|key|675751|text|在head标记中添加此脚本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|675752|<script+type="text/javascript"+src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>|code-block|syntax|javascript|675753|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Add this script inside head tag:</p>

<pre><code>&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
</code></pre>


blocks|key|1675043|text|这是每个人在使用jQuery时都会犯的一个常见错误，基本上$是jQuery()的别名，所以当您在声明函数之前调用/访问它时，就会出现这个错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1675044|原因可能是|1675045|1)您所包含的jQuery库的路径不正确。|1675046|2)在脚本之后添加了库，如果您看到了该错误|1675047|解决这个问题|1675048|加载所有javascript文件/脚本的开头的jquery库。|1675049|<script+src="https://code.jquery.com/jquery-3.3.1.js"></script>|code-block|syntax|javascript|1675050|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|Y|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>It's one of the common mistake everybody make while working with jQuery, Basically $ is an alias of jQuery() so when you try to call/access it before declaring the function will endup throwing this error.</p>

<p>Reasons might be</p>

<p>1) Path to jQuery library you included is not correct.</p>

<p>2) Added library after the script were you see that error </p>

<p>To solve this </p>

<p>Load the jquery library beginning of all your javascript files/scripts.</p>

<pre><code>&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;
</code></pre>


blocks|key|675784|text|jQuery是一个JavaScript库，jQuery的目的是使代码更易于使用JavaScript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|675785|jQuery语法是为选择而量身定制的，这是一个定义/访问jQuery的$符号。|offset|length|style|CODE|675786|在声明中，序列必须位于之上，然后包含使用jQuery的任何其他脚本。|blockquote|BOLD|675787|正确位置到jQuery声明:|675788|​|675789|$(document).ready(function(){
++++console.log('hi+from+jQuery!');
});|code-block|syntax|javascript|675790|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script+src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>|675791|675792|上面的示例将完美地工作，因为jQuery库在使用jQuery函数(包括$+)的任何其他库之前都是初始化的。|675793|但是，如果将其应用于其他地方，jQuery函数将不会在浏览器DOM中初始化，并且它将无法识别任何与jQuery相关的代码，其代码以$符号开头，因此您将收到$+is+not+a+function错误。|675794|对jQuery声明的错误位置：|675795|675796|$(document).ready(function(){
++++console.log('hi+from+jQuery!');
});|675797|<script+src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>|675798|675799|上面的代码将无法工作，因为在任何使用jQuery就绪函数的库的顶部都没有声明jQuery。|675800|entityMap^0|0|Z|1|0|5|6|0|0|E|0|0|0|0|0|Z|1|0|1T|1|25|J|0|0|F|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@$D|1F|E|1G|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1H|8|@$D|1I|E|1J|F|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1K|8|@$D|1L|E|1M|F|K]]|9|@]|A|$]]|$1|N|3|O|5|6|7|1N|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1O|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|R|7|1P|8|@]|9|@]|A|$S|T]]|$1|W|3|O|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1R|8|@$D|1S|E|1T|F|G]]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1U|8|@$D|1V|E|1W|F|G]|$D|1X|E|1Y|F|G]]|9|@]|A|$]]|$1|11|3|12|5|6|7|1Z|8|@$D|20|E|21|F|K]]|9|@]|A|$]]|$1|13|3|O|5|6|7|22|8|@]|9|@]|A|$]]|$1|14|3|15|5|R|7|23|8|@]|9|@]|A|$S|T]]|$1|16|3|17|5|R|7|24|8|@]|9|@]|A|$S|T]]|$1|18|3|O|5|6|7|25|8|@]|9|@]|A|$]]|$1|19|3|1A|5|6|7|26|8|@]|9|@]|A|$]]|$1|1B|3|-4|5|6|7|27|8|@]|9|@]|A|$]]]|1C|$]]

<p>jQuery is a JavaScript library, The purpose of jQuery is to make code much easier to use JavaScript.</p>

<p>The jQuery syntax is tailor-made for selecting, A <code>$</code> sign to define/access jQuery.</p>

<blockquote>
  <p>Its in declaration <strong>sequence must be on top</strong> then any other script included which uses jQuery</p>
</blockquote>

<p><strong>Correct position to jQuery declaration :</strong> </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    console.log('hi from jQuery!');
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>Above example will work perfectly because jQuery library is initialized before any other library which is using jQuery functions, including <code>$</code></p>

<p>But if you apply it somewhere else, jQuery functions will not initialize in browser DOM and it will not able to identify any code related to jQuery, and its code starts with <code>$</code> sign, so you will receive <code>$ is not a function</code> error.</p>

<p><strong>Incorrect position for jQuery declaration:</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    console.log('hi from jQuery!');
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>Above code will not work because, jQuery is not declared on the top of any library which uses jQuery ready function.</p>


blocks|key|1675089|text|虽然我的反应迟了，但还是有帮助的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1675090|如果您正在使用Spring，并且仍然认为JQuery文件引用路径是正确的，那么无论何时修改JQuery文件，都要刷新您的项目。|1675091|通过右键单击项目名称->刷新来刷新.|1675092|这才解决了我的问题。|1675093|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>Though my response is late, but it can still help.</p>

<p>lf you are using Spring Tool Suite and you still think that the JQuery file reference path is correct, then refresh your project whenever you modify the JQuery file.</p>

<p>You refresh by right-clicking on the project name -> refresh.</p>

<p>That's what solved mine.</p>


blocks|key|1395958|text|这可能是由于jquery两种不同版本的jquery冲突使用no冲突方法造成的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1395959|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>This may be due to jquery conflict of two different jquery versions
Use noconflict method</p>


<p>I have this error message <code>ReferenceError: $ is not defined</code><br>
This is my header.</p>
<pre><code>&lt;link href=&quot;css/global-style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; href=&quot;css/datepicker3.css&quot;&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;assets/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap-datepicker.js&quot;&gt;&lt;/script&gt;
</code></pre>
<p>Following is my JavaScript code</p>
<pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
$('#sandbox-container .input-daterange').datepicker({
    startDate: &quot;today&quot;,
    calendarWeeks: true,
    todayHighlight: true
});
&lt;/script&gt;
</code></pre>
<p>Following is the HTML</p>
<pre><code>&lt;div class=&quot;col-md-12&quot; id=&quot;sandbox-container&quot;&gt;
    &lt;label&gt;Project Duration&lt;/label&gt;
    &lt;div class=&quot;input-daterange input-group&quot; id=&quot;datepicker&quot;&gt;
            &lt;input type=&quot;text&quot; class=&quot;input-md form-control&quot; name=&quot;start&quot; /&gt;
            &lt;span class=&quot;input-group-addon&quot;&gt;to&lt;/span&gt;
            &lt;input type=&quot;text&quot; class=&quot;input-md form-control&quot; name=&quot;end&quot; /&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>I want to show <code>datepicker</code> on the input tag.<br>
I am using Bootstrap V3.1.<br>
I am using <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow noreferrer">this</a> <code>datepicker</code>.</p>


ReferenceError: $ is not defined

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一条错误消息ReferenceError: $ is not defined这是我的头像。<link href="css/global-style.css" rel="stylesheet" type="text/css" media="screen"><link rel="stylesheet" type="text/css" media="screen" href="css/datepic

问ReferenceError：$未定义
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ReferenceError：$未定义EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ReferenceError：$未定义
EN