jQuery绑定事件的几种方式

jQuery绑定事件的4种方式:

现在我们有一个id为box的div 看看如何使用4种不同的方式给这个id为box的div绑定鼠标点击事件:

1.事件类型直接调用:

	$("#div").click(function () {
		alert("我是事件类型直接调用");
	})

2.bind方法 三个参数: 1、事件名 2、数据(可选) 3、事件函数

$("#div").bind("click", function () {
	alert("我是bind方法");
})

3.on方法 四个参数: 1、事件名 2、事件委托对象（可选）3、事件数据（可选）4、事件函数

$("#div").on("click", function () {
	alert("我是on方法");
})

4.one方法(一次性事件) 使用后自动销毁

// one方法就是on方法的基础上 传入第五个参数 表示一次性
$("#div").on("click", function () {
	alert("我是一次性事件");
}, 1)

5.delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

w3school delegate()