【发布时间】:2016-10-21 16:12:43
【问题描述】:
是否可以在 JS 文件中使用 jQuery 进行编码? (.js) 如果是这样,你能告诉我吗?
【问题讨论】:
-
jQuery 是一个 Javascript 库,我的朋友。所以是的,这是可能的。其实这是默认方式
-
你到底想做什么?请澄清你的问题?
标签: javascript jquery file
是否可以在 JS 文件中使用 jQuery 进行编码? (.js) 如果是这样,你能告诉我吗?
【问题讨论】:
标签: javascript jquery file
选项-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。
【讨论】:
是的,您需要在您的其他 js 文件之前在您的 html 文件的 <script> 标记中引用 jquery.js
【讨论】:
创建一个外部 .js 文件并将其包含在您的 html 页面中。就像您正在加载 jquery.min.js 一样,您加载您创建的 .js 文件并在其中编写您的 jquery 代码并且它可以工作。 你可以在你的js文件中通过一个简单的代码来检查它
$(document).load(function(){
alert("Jquery loaded and js file working");
});
如果您看到上面的 alet 对话框,这意味着您的 jquery 和 .js 文件已成功加载并且工作正常。您可以在该文件中编写所有 jquery 代码。
【讨论】:
要在 js 文件中使用 jQuery,请使用以下代码:(HTML)
jsfiddle 示例:ow.ly/LTS13043ny2
要在 js 文件中使用 jQuery,请使用以下代码:(Javascript)
jsfiddle 示例:ow.ly/hzi33043noG
将this url 中的所有代码复制并粘贴到您的主脚本文件中。
您现在可以使用 jQuery。
jsfiddle 示例 ow.ly/SJ1u3043nHo
如果代码没有在错误下方运行注释。
【讨论】: