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 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码