javascript核心技术（六）js文件引入与jQuery插件的使用

人亦已歌

在前面的教程中，我们都是通过在html代码中加入script标签来编写javascript的代码的，这种办法虽然是最简单的，但在实际生产环境中几乎不会这么干。
为了让页面中的代码简洁，所有脚本语言都是通过引入的方法加入到页面代码中的。
下面我们先来看一下js代码文件的引入方法：
1、先创建一个js文件，文件名任意，位置任意，我就暂且在当前目录中创建了，然后在js文件中写一行js测试代码，如下：


2、在html文件中引入js文件，如下：



3、此时我们刷新页面，会在控制台中输入hello。


再来解释一下以上的引入代码

1. <script src="./demo.js"></script>

复制代码

其中的./表示当前目录，另外还有../表示上级目录，目前大家只需要记住即可，后面在使用时大家自然就明白了

---

下面接着来看，jQuery插件库的使用方法。

为了能让大家更快的掌握javascript这门语言的核心，本专题不会按照书本上的章节划分方式去讲解，我们会将javascript原生语法和jqurey语法进行归纳汇总，然后再分门别类的展开讨论。
所以，我们需要先知道jquery插件的引入方法。
jQuery插件是javascript插件中使用量最大的，它的实质一个是包含了一大堆js代码的js文件。这个文件是外国人写，它主要解决了原生javascript的浏览器兼容问题以及对一些常用功能的封装，我们只要了解这些就可以了。至于更详细的说明，大家可以在网上搜索查看，这里不再赘述。下面我们来说一下jQuery的使用方法。
1、下载jQuery文件

1. https://jquery.com/download/
   
2. 国外站，可能需要科学上网，进入后选择第一个下载点，本教程发布时jQuery的最新版本为3.6.3：
   
3. Download the compressed, production jQuery 3.6.3

复制代码

由于担心大家不能正常下载，我这里提供一个

点击此处下载

jquery.zip

77.53 KB

[ 77.53 KB, ,2023-1-21 15:18 上传 ]
[充值金币]

2023-1-21 15:18 上传

点击文件名下载附件

将jQuery库文件放在任意位置，按照上文所属的引入js文件方法引入jQuery文件。我这里放在了当前目录下：



注意：要放在demo.js的引入之前。
下面我们随意来测试一条jquery命令，将它写到demo.js文件中，如下：

1. console.log($.isNumeric("123"));

复制代码

语句解释：

1. $为jquery的默认全局对象名称，这个名称可以修改为任意名称。
   
2. $. --表示调用jq对象中的一个成员。

复制代码

这里成功输出了true，表示jqurey引入成功。

好了，以上就是js文件引入与jQuery插件库的使用方法，下一篇再继续。

沁儿

谢谢啊！！！！！！！！！！   看一看胜读几年书啊   

清风斩月

说的对啊  我也是学计算机的也主要是编程方面  照理说编程男生应该比较强才对  但我看我们班上的男生好象什么都不会  哎,真替他们担心也替我自己担心.......................

chendaihua

感觉得自己很愚昧,自认为自己还不错,原来我差劲得要命,多谢你的提醒.

nuliba

很受看！

leading520

好文！此文让我少走四年弯路！！！

ssplyhove

我是毕业后开始做程序的，现在感觉还没有进入门槛。  倒是有一个感触：良好的习惯应该从初期养成，包括算法等在内都需要从用户的角度出发。

zfzv

感想很多，很受用，谢谢楼主！

蓝铯的情调

我要学习！！！