JavaWeb系列二十: jQuery的DOM操作 下
// 假设我们已经在页面中引入了jQuery库,并且我们有一个按钮用于触发事件
// HTML 代码
<button id="changeColor">改变颜色</button>
// jQuery 代码
$(document).ready(function() {
// 当按钮被点击时,改变页面背景颜色
$('#changeColor').click(function() {
$('body').css('background-color', 'lightblue');
});
});
这段代码展示了如何使用jQuery监听DOM元素的事件并进行相应的操作。当用户点击按钮时,页面的背景颜色会变为浅蓝色。这是一个简单的示例,但在实际应用中,可以进行更复杂的DOM操作。
评论已关闭