JQUERY中事件绑定方式

一、JavaScript中事件绑定方式:

1.嵌入式绑定: <input type=”button” onclick=”fun1()”>

缺点：一次只能为一个标签绑定监听事件

2.基于DOM对象绑定方式:

var array = docuemnt.getElementsByName(“ck”);
for(var i=0;i<array.length;i++){
var domObj = array[i];
domObj.onclick = fun1;
}
缺点：需要开发人员自行遍历数组，来绑定监听事件

二、jquery中事件绑定方式:

1. $obj.jquery监听事件函数(处理函数)

[例子]:
$(“:button”).click(fun1);
为页面中所有的btton绑定onclick以及对应处理函数fun1

[jquery监听事件函数]:
html监听事件名称 jquery监听事件函数

onclick $obj.click(fun1);

onchange $obj.change(fun1);

onmouseover $obj.mouseover(fun1);

*******jquery监听事件函数名字就是【jquery监听事件函数】去掉[on]

2.$obj.bind(“jquery监听事件函数名”,处理函数):以这种方式绑定监听事件，可以解除的

$obj.unbind(“jquery监听事件函数名”):将指定监听事件从DOM对象身上移除。

$obj.unbind(): 将所有监听事件从DOM对象身上移除。