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

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

<input type="button" value="提交" οnclick="func1()">

function func1(){
		alert("JavaScript")
	}

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

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

$("#deleteActivityBtn").click(function () {
	alert("代码")
})

<button type="button" class="btn btn-danger" id="deleteActivityBtn">删除

这种方式用的最为频繁，
但是只能给固有元素添加事件
固有元素：当调用事件函数给元素添加事件时，如果元素已经生成，则这些元素叫做固有元素；
动态生成的元素：当调用事件函数给元素添加事件时，如果元素还没有生成，后来生成的元素叫做动态生成的元素。

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

$("#tBody").on("click", "input[type='checkbox']", function (){
	//给tBody元素下的所有input且type='checkbox'的子元素添加事件
	alert("代码")
}）

父元素:必须是固有元素,可以直接父元素,也可以是间接父元素.
原则固有父元素范围越小越好.
事件类型：跟事件属性和事件函数一一对应。
子选择器：目标元素,跟父选择器构成一个父子选择器
不但能给固有元素添加事件，还能够给动态生成的元素添加事件