使用Require.js加载jQuery CDN示例项目详解
// 配置Require.js
require.config({
paths: {
// 将'jquery'映射到CDN上的jQuery库
"jquery": ["https://code.jquery.com/jquery-3.6.0.min.js"]
}
});
// 定义主模块
require(['jquery'], function ($) {
// 使用jQuery操作DOM
$(document).ready(function () {
$('#content').html('<p>jQuery加载成功!</p>');
});
});
这段代码首先配置了Require.js的路径,将'jquery'别名为CDN上的jQuery库地址。然后定义了一个依赖于jQuery的模块,在该模块中,当jQuery加载完成后,使用jQuery选择器选中ID为'content'的元素,并修改其内部HTML。这个例子展示了如何使用Require.js加载来自CDN的jQuery库,并在加载完成后使用它来操作DOM。
评论已关闭