js文件如何引入jquery

JavaScript019

js文件如何引入jquery,第1张

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通信了。

这位网友你好,想调用jQuery的方法你必须先引用jQuery文件,其次你的这个元素必须是jQuery对象才可以。

如果缺了上面的两个条件是不可以的,也就是说js不能直接调用jq方法。

使用步骤如下:

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码