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

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

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

    其实你如果希望在单独的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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞