在hmtl页面中给元素添加事件的几种主要方式

第一种：使用元素的事件属性：onxxxx=“f()”

function func1(){

alert("JavaScript")

}

这种方式虽然很简便，但是代码很杂乱，不好维护

第二种： 使用jquery对象：选择器.xxxx(function(){ });

$("#deleteActivityBtn").click(function () {

alert("代码")

})

删除

这种方式用的最为频繁，

但是只能给固有元素添加事件

固有元素：当调用事件函数给元素添加事件时，如果元素已经生成，则这些元素叫做固有元素；

动态生成的元素：当调用事件函数给元素添加事件时，如果元素还没有生成，后来生成的元素叫做动态生成的元素。

第三种：使用jquery的on函数：父选择器.on(“事件类型”,子选择器,function(){ });

$("#tBody").on("click", "input[type='checkbox']", function (){

//给tBody元素下的所有input且type='checkbox'的子元素添加事件

alert("代码")

}）

父元素:必须是固有元素,可以直接父元素,也可以是间接父元素.

原则固有父元素范围越小越好.

事件类型：跟事件属性和事件函数一一对应。

子选择器：目标元素,跟父选择器构成一个父子选择器

不但能给固有元素添加事件，还能够给动态生成的元素添加事件