4.4-jQ事件绑定

jQuery 中的事件绑定和移除

jQuery中提供了两种绑定事件的方法

1. 将原生的事件名去掉 on，例如 onclick，变成 jQ 的 click 方法

$('li.active').click(function () {
  // 给类名为 active 的 li 元素绑定点击事件，当事件触发时执行这个匿名函数
  // 事件函数中 this jq 已经绑我们处理成了绑定当前事件的元素对象
  console.log(this); // li.active
  console.log('LI.ACTIVE');
});

1. on() 方法，语法为 jQ 对象.on(事件名[不带on], 事件函数)，当事件触发时执行事件函数

$('div.active').on('click', function () {
  console.log('一个点击事件');
});

事件触发

trigger()方法 事件触发，jQ 还提供了了一个方法，用代码触发某个事件

$('li.active').trigger('click'); // 触发 li.active 的 onclick 事件

移除事件：off(事件名)

$('li.active').off('click');