jQuery 基础(共3天课程) DAY3

原创于 2019-09-02 15:19:32 发布 · 225 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

前端js基础模块专栏收录该内容

9 篇文章

订阅专栏

本文深入讲解了jQuery中事件的绑定与解绑方法，包括$().on()和$().off()的使用，事件委派的实现方式，以及如何通过事件对象进行事件的主动触发、阻止冒泡和阻止默认行为。同时介绍了jQuery插件的懒加载机制。

jQuery的事件
如何去绑定事件
$().on()
$().on(‘click’,function(){})
$().on(‘click mouseover’,function(){}) 用于绑定多个事件
$().on({
click:function(){},
mouseover: function(){}
…
})
事件委派
$(‘div’).on(‘click’,‘li’,function()) 给div里面的孩子 li 绑定了click事件
给以给动态创建的元素绑定事件
解绑
$().off()
$().off(‘click’)
$().off(‘click’,‘li’) 解绑事件委派
事件对象
jQuery中的事件对象跟我们元素js的事件对象是类似的，所以我们之前怎么用，现在也可以怎么用例如
阻止冒泡
event.stopPropagation()
阻止默认行为
event.preventDefault()
主动触发事件
$().click()
$().triggle(‘click’)
$().triggleHandler(‘click’)
triggleHandler不会触发默认行为