【问题标题】:Is it possible to code in jQuery in a JS file? (.js)是否可以在 JS 文件中使用 jQuery 进行编码? (.js)
【发布时间】:2016-10-21 16:12:43
【问题描述】:

是否可以在 JS 文件中使用 jQuery 进行编码? (.js) 如果是这样,你能告诉我吗?

【问题讨论】:

  • jQuery 是一个 Javascript 库,我的朋友。所以是的,这是可能的。其实这是默认方式
  • 你到底想做什么?请澄清你的问题?

标签: javascript jquery file


【解决方案1】:

选项-1:

下载jquery文件并存放在项目目录中,在你的html文件中添加script标签,然后添加第二个js文件,你可以写jquery

<script src="jquery.min.js"></script>
<script src="main.js"></script>  //Here you can write your custom js with jquery loaded first

选项-2:

首先获取要添加jquery的脚本文件并添加以下代码行

var script = document.createElement('script');
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);

测试jquery是否真的加载在main.js文件中写这个函数

$(document).ready(function() {
  console.log("Hello Jquery loaded in js file");
});

假设你使用的是main.js文件然后编写上面2个代码sn-ps来实现和使用js文件中的jquery。

【讨论】:

  • 在哪里可以下载 jQuery?
  • 无需下载将代码 sn-ps 包含到您的 main.js 文件中
  • 我做了,但没有足够的代表。让它显示,@SaiKiranUppu。如果你能支持我的问题,我会达到 15 个代表吗?
【解决方案2】:

是的,您需要在您的其他 js 文件之前在您的 html 文件的 &lt;script&gt; 标记中引用 jquery.js

jQuery:https://code.jquery.com/jquery-3.0.0.min.js

【讨论】:

【解决方案3】:

创建一个外部 .js 文件并将其包含在您的 html 页面中。就像您正在加载 jquery.min.js 一样,您加载您创建的 .js 文件并在其中编写您的 jquery 代码并且它可以工作。 你可以在你的js文件中通过一个简单的代码来检查它

$(document).load(function(){
alert("Jquery loaded and js file working");
});

如果您看到上面的 alet 对话框,这意味着您的 jquery 和 .js 文件已成功加载并且工作正常。您可以在该文件中编写所有 jquery 代码。

【讨论】:

    【解决方案4】:

    选项 1:

    要在 js 文件中使用 jQuery,请使用以下代码:(HTML)

    jsfiddle 示例:ow.ly/LTS13043ny2

    注意: 您必须将 jQuery BEFORE 包含在主 js 文件中,在本例中为 `script.js`


    选项 2:

    要在 js 文件中使用 jQuery,请使用以下代码:(Javascript)

    jsfiddle 示例:ow.ly/hzi33043noG

    注意:您必须有 2 个文件,`load.js`(如下所示)和 script.js(您的主代码)


    选项 3:

    this url 中的所有代码复制并粘贴到您的主脚本文件中。
    您现在可以使用 jQuery。

    jsfiddle 示例 ow.ly/SJ1u3043nHo


    如果代码没有在错误下方运行注释。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-16
      • 1970-01-01
      • 2021-10-14
      相关资源
      最近更新 更多