有时候引入外援js代码需要用到jQuery下面教大家如何引用jQuery

 

一、本地导入

首先打开jQuery的官网:https://jquery.com/

由于政策原因部分海外网站在大陆没有加速节点,所以进入较慢,耐心等待即可!

进入后点击右侧黄色的download jQuery,会来到下面这个界面

一般我们使用黑色线框圈出来的即可(即为解压版,第一个是压缩版)!由于代码太长,下面仅展实部分,需要请到官网复制!

/*! * jQuery JavaScript Library v3.6.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright OpenJS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2022-08-26T17:52Z */ ( function( global, factory ) { “use strict”; if ( typeof module === “object” && typeof module.exports === “object” ) { // For CommonJS and CommonJS-like environments where a proper `window` // is present, execute the factory and get jQuery. // For environments that do not have a `window` with a `document` // (such as Node.js), expose a factory as module.exports. // This accentuates the need for the creation of a real `window`. // e.g. var jQuery = require(“jquery”)(window); // See ticket trac-14549 for more info. module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) { throw new Error( “jQuery requires a window with a document” ); } return factory( w ); }; } else { factory( global ); }

我们在官网直接CTRL+C复制全部代码,然后在你源码的根目录新建一个js文件把jQuery的代码粘贴进去,下面是调用方法:

<script src=”你的文件名前缀.js文件路径”></script>
<script>
//在此书写你的jquery代码
</script>

二、在线引用

这个方法简单粗暴,但可能会略微影响网页速度,引用代码如下:

<script src=”http://code.jquery.com/jquery-latest.js”></script>
<script>
//在此书写你的jquery代码
</script>

导入成功后就可以为你的网站增加炫酷的js特效了!