在js文件中无法引用jquery的函数

因为jQuery文件是在页面中引用的，js文件并不知道你引用了jQuery。

先在页面上的Script标签里写好脚本，再移到js文件里面。

在js文件里引用jQuery，方法：在js文件顶部加入 /// <reference path="path/jQuery.js"/>

1.js

其中1.html代码如下：

如要测试还需要加上jquery.js 这个可自行下载

运行后点击按钮效果如图：

下面再附上网上的一些方法：

1、直接document.write

<script language="javascript">

   document.write("<script src='test.js'><\/script>")

</script>

2、动态改变已有script的src属性

<script src='' id="s1"></script>

<script language="javascript">

   s1.src="test.js"

</script>

3、动态创建script元素

<script>

   var oHead = document.getElementsByTagName('HEAD').item(0)

   var oScript= document.createElement("script")

   oScript.type = "text/javascript"

   oScript.src="test.js"

   oHead.appendChild( oScript)

</script>

其实原理就是利用dom动态的引入一个js到文件中来，就能和原有的js通信了。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，先引入jquery。

2、在index.html中的</body>标签前，引入自己写的js文件，例如index.js文件。

3、在index.js中调用jquery的函数。

4、浏览器运行index.html页面，此时成功调用了index.js中编写的内容。