导入 jquery-ag捕鱼王app官网

有几种方法可以使用不同的平台导入 jquery。本篇文章演示了将 jquery 导入环境的不同方法。

使用 script 标签导入 jquery

这是在 html script 标签中导入 jquery 文件的最常用方法。我们可以提供源链接或下载文件并提供源中文件的路径。

参见示例：

使用链接：

<script src="https://code.jquery.com/jquery-3.6.0.min.js">script>

使用下载的文件：

<script src="c:\users\etc\jquery-3.6.0.min.js">script>

这两种方法在基本的 jquery 导入中都很有用。

使用 es6 语法导入 jquery

babel 是下一代 javascript 编译器。babel 具有编译 javascript 代码的 es6 和 es2015 模块的功能。

此方法仅支持 babel 等编译器；浏览器不支持 es6/es2015。请参阅下面的如何使用 es6 语法导入 jquery。

import {$,jquery} from 'jquery';
// to use jquery
window.$ = $;
window.jquery = jquery;

或者更简单的方法：

import jquery from "jquery";
window.$ = window.jquery = jquery;

这两种方法对于像 babel 这样的编译器都很方便。

使用 browserify/webpack 导入 jquery

browserify 和 webpack 可以通过多种方式使用。我们可以在 browserify/webpack 中将 jquery 作为变量导入。

参见示例：

var $ = require( "jquery" );

有关更多信息，可以在下面查看官方文档。

使用 amd（异步模块定义）导入 jquery

异步模块定义 (amd) 是为浏览器创建的模块格式。我们可以使用函数在 amd 中导入 jquery。

参见示例：

define( [ "jquery" ], function( $ ) {
// code here
} );

有关 amd 的更多信息，请参阅。