【1.0】jQuery引入
在HTML文件中引入jQuery库，可以通过本地文件路径或CDN链接的方式实现。以下是一个示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery 引入示例</title>
<!-- 引入本地jQuery库 -->
<!-- <script src="path/to/your/jquery.min.js"></script> -->
<!-- 引入CDN jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script>
// 确保DOM完全加载后执行代码
$(document).ready(function(){
// 示例代码：点击按钮后隐藏
$('#myButton').click(function(){
$('#myDiv').hide();
});
});
</script>
<div id="myDiv" style="width: 100px; height: 100px; background-color: red;"></div>
<button id="myButton">点击我隐藏方框</button>
</body>
</html>在上述代码中，我们通过<script>标签引入了jQuery库。可以通过本地路径引入（注释掉的行），或者使用CDN方式引入。在<script>内部编写的代码将在页面加载时执行，并使用jQuery库来处理事件。
评论已关闭