jQuery简单好用的JavaScript代码库略解使用，字节前端高级岗
// 引入jQuery库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
// 确保DOM完全加载完毕
$(document).ready(function() {
// 当点击按钮时，触发函数
$('#myButton').click(function() {
// 输出到控制台
console.log('按钮被点击了！');
// 或者可以在这里执行其他操作
});
});
// HTML部分
<button id="myButton">点击我</button>这段代码展示了如何使用jQuery库来简化JavaScript编程。通过$(document).ready()确保在DOM完全加载后绑定事件处理器，而不是使用onload事件。$('#myButton')选择器用于选中ID为myButton的元素，并绑定一个点击事件处理函数。当按钮被点击时，控制台会输出一条消息。这是一个简单的示例，展示了jQuery如何使DOM交互更加简单和高效。
评论已关闭