如何在单独js文件中引用Jquery

2024年1月5日 154次阅读 来源: 写代码的提莫

    其实这个问题并不是一个方法性的问题，我也不需要提示你如何操作，只需要帮助你理解其中原理，你也许就恍然大悟了

这里我先说结果给那些心急的同学先用，

    其实你如果希望在单独的js文件里使用Jquery，直接使用就可以了，你不需要任何的引入操作,因为引入操作在前端页面已经执行了，你在单独的js文件里所需要的东西等于前面已经有了，当然可以直接使用了.当然前端页面的引入顺序当然也需要jquery库文件在前面，而你的js文件放在后面，顺序不能错了，因为js是解释型 语言，从前往后执行，你不能在没有的时候 就使用.

    我举一个简单的例子说明 

这是我的前端 页面执行一个弹出窗口提示消息 ，但是利用了jquery的$(document).ready()方法，这个部分单独写在一个js文件里面

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title>学习jquery</title>
<script type=”text/javascript” src=”js/jquery1.9.1/jquery-1.9.1.js” ></script>
<script type=”text/javascript” src=”js/jqueryStudy.js” ></script>
</head>
<body>
</body>

</html>

下面是我的单独 的js 文件内容

$(document).ready(
function() {
alert(“ddddd”);
}

)

看 是不是发现了什么 ，我在单独的js文件里写的内容其实 就是正常 情况下你会在网页的<script></script>里面写的内容一样，其实 网页在处理引入操作的时候也不过是把文件的内容进行了拼接。这也许就是因为家编译型 语言用得多了，而突然换成一种更直白的方式 大家反而不适应了。

                                                                                                                                                        —–(by xiaoguo)

    原文作者：写代码的提莫
    原文地址: https://blog.csdn.net/u011442439/article/details/80907805
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞