jQuery入门基础
在开始使用jQuery之前，需要确保在HTML文件中引入了jQuery库。可以通过CDN引入，也可以将jQuery库下载到本地后引入。以下是通过CDN引入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>
<button id="myButton">点击我</button>
<script>
// 使用jQuery监听按钮的点击事件
$(document).ready(function() {
$('#myButton').click(function() {
alert('按钮被点击了！');
});
});
</script>
</body>
</html>在上述代码中，$(document).ready() 用于确保DOM完全加载后执行内部代码，以避免在DOM结构未完全加载之前对其进行操作。$('#myButton') 选择器用于选中ID为myButton的DOM元素，.click() 方法用于绑定点击事件处理函数。当按钮被点击时，会弹出一个警告框。
评论已关闭