【前端】jQuery-概述+基本使用+常用API
warning:
这篇文章距离上次修改已过201天，其中的内容可能已经有所变动。
在HTML页面中使用jQuery，首先需要在<head>标签中引入jQuery库，然后在<body>标签结束前编写jQuery代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 页面加载完成后执行
$(document).ready(function() {
// 点击按钮时触发
$('#myButton').click(function() {
// 改变元素的文本
$('#myText').text('Hello, jQuery!');
});
});
</script>
</head>
<body>
<button id="myButton">Click Me</button>
<div id="myText">Initial Text</div>
</body>
</html>在上述代码中，$(document).ready() 用于确保在执行代码之前，文档已经完全加载。$('#myButton').click() 是一个事件监听器，当id为myButton的按钮被点击时，会执行函数内的代码。$('#myText').text() 用于改变id为myText的元素的文本内容。
评论已关闭