JS-32-jQuery01-jQuery的引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 引入示例</title>
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script>
// 确认 jQuery 是否正确加载
$(document).ready(function() {
if (typeof jQuery === 'undefined') {
console.error('jQuery has not been loaded');
} else {
console.log('jQuery has been loaded');
}
});
</script>
</body>
</html>这段代码演示了如何在HTML文件中引入jQuery库，并检查jQuery是否已正确加载。在<head>标签内，我们通过<script>标签引入了jQuery的CDN链接。在<body>内的一个<script>标签中，我们使用jQuery的$(document).ready()方法来确认文档是否已经加载完成，并通过console.log()或console.error()输出相应的信息。这是学习jQuery的基本步骤之一。
评论已关闭