Question

我是Jquery的新手，但事实证明我在上一个应用程序中使用了它。我现在的问题是每次加载/重新加载我的一个页面时重新加载它。是否有一种有效的方式来引用它，就像我们做css或javascript文件一样？例如：

<script type="text/javascript" language="javascript" src="js/behavior.js"></script>

我真的希望能够用jquery做到这一点......因为当你查看源代码时它非常混乱。为了避免混淆：我已经加载了jquery。例如......这已经在我的html中了：

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

我试图缓存的是我用Jquery构建的所有代码。例如：

$('#needDelete').slideDown('slow');

如果可能的话，我有很多这些需要放入文件中！谢谢！

Answer 1

jQuery是一个JavaScript库。它由一个JavaScript文件组成。它的所有文档都说使用<script src="..."来加载它。

更新以响应编辑：

您编写的调用jQuery函数的JavaScript仍然是JavaScript ，可以像使用任何其他JavaScript一样从外部文件中引用。

Answer 2

是的，当然您可以将JavaScript代码保存在单独的文件中（无论是否基于jQuery）。只需将代码分开并将其放置即可。在main.js文件中，然后在jQuery脚本标记之后放置一个标记：

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

只是为了保持一致性和提高可维护性，如果所有代码都放在一个地方比在HTML中经常引用它更容易：

<a href="#" title="" onclick="$('#popup').show();return false;" id="a1">show popup</a>

而不是上述内容，您可以在单独的JS文件中执行此操作：

$('#a1').click(function(event){
    event.preventDefault();
    $('#popup').show();
}):

（当然上面的代码应该包含在onload或ondomready处理程序中，因此代码在可访问后搜索元素 - 在jQuery和ondomready的情况下，您可以简单地使用：jQuery(function(){/* your code executed when DOM is ready */});）

Answer 3

下载jquery，并像这样引用它：

<script src='jquery.js'></script>

或者，为了更好的选择，您可以使用google's cdn。这意味着如果用户访问您的站点，并且已经访问过使用该cdn的站点，则它已经缓存了jquery。

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>

并且为了最好的选择，为了防止cdn停机的可能性，将本地副本和cdn结合起来像这样：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script>
if(!window.jQuery){
  script = document.createElement('script');
  script.src='js/jquery.js';
  document.head.appendChild(script)
}
</script>

Answer 4

我会从CDN中引用jQuery。这将允许浏览器与我的域中的其他资源一起进行并行下载，从而节省一些加载时间。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

cdn版本通常会在您的浏览器中缓存。

Answer 5

我没有得到这个问题。你想要什么？

我尝试打开一个名为custom.js的文件。我抛弃了所有的jQuery 代码到它然后引用它。没有任何效果。有需要吗？在参考页面本身是额外的东西？

你为什么这样做？通过减少不同文件的数量来节省一些负载，但是一个和两个文件之间的差异很小。

相反，请按Frederik Creemers建议。在googleapis.com上查看jQuery-library。该文件已缓存，这意味着每次用户访问您的网页时都不会加载该文件。仅当缓存过期时（不是100％确定缓存是多长时间）。此外，许多其他网站都使用此库，因此您可能会很幸运，用户可以将其下载到其他位置，并在转到您的页面时准备好使用它。

同样，你所问的（如果我理解正确的话）是没有意义的。

为应用程序中的所有jquery设置源

5 个答案: