jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《绑定事件 (on, off, trigger)》:使用 on() 绑定事件,off() 解绑,trigger() 触发。 // 绑定事件 $('button').on('click', function() { alert('Clicked'); }); // 绑定多个事件 $...

事件处理

绑定事件 (on, off, trigger)

【详细说明 & 代码示例】
使用 on() 绑定事件,off() 解绑,trigger() 触发。
// 绑定事件
$('button').on('click', function() {
    alert('Clicked');
});

// 绑定多个事件
$('div').on('mouseenter mouseleave', function() {
    $(this).toggleClass('hover');
});

// 事件委托
$('ul').on('click', 'li', function() {
    // li 动态添加也能触发
});

// 解绑事件
$('button').off('click');

// 触发事件
$('button').trigger('click');

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

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