是否可以在JS文件中编写jQuery代码？ （的.js）

Question

是否可以在JS文件中使用jQuery进行编码？ （。 js ）如果是的话，你能告诉我吗？

Answer 1

选项-1：

下载jquery文件并将其存储在项目目录中，并在html文件中添加脚本标记，然后添加第二个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个代码片段以实现并使用js文件中的jquery。

Answer 2

是的，您需要在jquery.js文件的<script>标记中引用html，然后再引用其他js个文件

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

Answer 3

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

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

如果您正在获取上述的alet对话框，则表示您的jquery和.js文件已成功加载并正常工作。您可以在该文件中编写所有jquery代码。

Answer 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 example ow.ly/SJ1u3043nHo

如果代码未在错误下方运行评论。