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="clickMe">点击我</button>
<script>
// 等待DOM完全加载完成
$(document).ready(function() {
// 给按钮绑定点击事件
$('#clickMe').click(function() {
alert('按钮被点击了！');
});
});
</script>
</body>
</html>在这个例子中，我们使用了jQuery的$(document).ready()函数来确保DOM完全加载后再执行内部代码，避免在DOM未完全加载之前对其进行操作。$('#clickMe')选择器用于选中ID为clickMe的元素，.click()函数用于绑定点击事件处理函数。当按钮被点击时，会弹出一个警告框。
评论已关闭