杜老师:ch4 jQuery事件处理机制


1. 常用事件

【例1.1-1】jQuery事件方法

【例1.1-2】jQuery事件方法

【例1.2-1】页面加载事件。

【例1.2-2】页面加载事件。

【例1.2-3】页面加载事件。

【例1.2-4】页面加载事件。

【例1】mouseout与mouseleave事件。

【例2】焦点事件(focus,blur)。

【例3】改变事件(select:change)。

【案例】星级评价

2. 事件绑定与事件解绑

【例2.1.1-1】绑定事件。

【例2.1.1-2】绑定事件。

【例2.1.1-3】使用one()方法绑定单次事件。

【例2.2.2】事件解绑。

【例4】事件委托( $(selector).on('事件', 'p', function() {...}); )。

【例5】事件绑定与解绑( $().on|off('事件'...) )。

【案例】jQuery动态添加和删除数据。

3. 事件触发

【例3-1】事件触发。

【例3-2】事件触发。

【例6】事件触发( $().事件名(function(){...}); )。

4. 事件冒泡

【例3-3-1】阻止事件冒泡:event.stopPropagation()。

【例3-3-2】阻止事件冒泡:return false。

【例7】事件冒泡演示。

【例8】使用普通方法绑定事件。

【例8.2】通过事件委托绑定事件。

【例8.3】通过事件委托绑定事件。


返回 杜老师 制作