jQuery 学习手册
免费学习
完整知识体系
快速检索
jQuery 3.7+
jQuery 学习手册《常用事件 (click, hover, submit, keyup)》:常用快捷事件方法。 // 点击事件 $('button').click(function() { ... }); // 悬停事件 $('div').hover( function() { $(this).addClass('ho...
事件处理
常用事件 (click, hover, submit, keyup)
【详细说明 & 代码示例】
常用快捷事件方法。
// 点击事件
$('button').click(function() { ... });
// 悬停事件
$('div').hover(
function() { $(this).addClass('hover'); },
function() { $(this).removeClass('hover'); }
);
// 表单提交
$('form').submit(function(e) {
e.preventDefault();
// 处理提交
});
// 键盘事件
$('input').keyup(function() {
console.log($(this).val());
});
// 窗口加载
$(window).on('load', function() { ... });
$(window).scroll(function() { ... });
$(window).resize(function() { ... });学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。
全部章节目录(共 50 个知识点)
DOM 操作 (5个知识点)
事件处理 (5个知识点)
动画与特效 (2个知识点)
AJAX 请求 (7个知识点)
插件开发 (6个知识点)
使用说明
- • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
- • 在搜索框输入关键词,快速定位相关知识点
- • 点击条目标题进入详情页,查看详细说明与代码示例
- • 页面按分类展示所有知识点,方便系统性学习
- • 建议在浏览器控制台或在线编辑器中运行示例代码