第一步,引用jQuery!
第一步,引用jQuery!
第一步,引用jQuery!
.on()
.on( events [,selector ] [,data ], handler(eventObject) )
events:一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.myPlugin", 或者 ".myPlugin"
selector:一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器,那么被选中的元素总是能触发事件
data:当一个事件被触发时,要传递给事件处理函数的event.data
handler(eventObject):事件被触发时,执行的函数。若该函数只是要执行return false的话,那么该参数位置可以直接简写成 false
绑定事件:
新增元素
查看绑定事件对新增元素是否生效
可以清楚的看到我们直接给li添加事件,会导致后来新增的DOM li 点击没有效果,这个和javaScript的点击事件和事件代理是一样,可以使用事件代理来处理这个点击事件
.off()
.off( events [, selector ] [, handler ] )
移除一个事件处理函数
$('.box li').off('click')