jQuery基本操作
$(document).ready(function() {
// 当点击id为"myButton"的按钮时,触发事件
$('#myButton').click(function() {
// 在控制台输出信息
console.log('按钮被点击了!');
});
// 当文档加载完成时,触发事件
$(document).ready(function() {
// 在控制台输出信息
console.log('文档加载完成!');
});
// 当输入框#myInput获取焦点时,触发事件
$('#myInput').focus(function() {
// 在控制台输出信息
console.log('输入框获取焦点!');
});
// 当选择#myCheckbox复选框时,触发事件
$('#myCheckbox').change(function() {
// 检查复选框是否被选中
if(this.checked) {
// 如果复选框被选中,在控制台输出信息
console.log('复选框被选中!');
} else {
// 如果复选框未被选中,在控制台输出信息
console.log('复选框未被选中!');
}
});
});
这段代码展示了如何使用jQuery为按钮点击、文档加载完成、输入焦点获取以及复选框选择等常见操作添加事件处理函数。每个函数都在对应的事件发生时在控制台输出一条消息。这是jQuery基本操作的一个简单示例。
评论已关闭