jQuery事件机制

1、绑定事件：

1、bind(“事件类型”，回调函数)

2、$("p").bind("click",function(){

alert("这个段落被点击了。");

});

3、on(“事件类型”，回调函数)

4、$("p").on("click",function(){

alert("段落被点击了。");

});

2、委托事件：

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

2、把事件委托给后代元素

3、被委托元素是事件源，this指向事件源

4、$("div").delegate("p","click",function(){

$("p").css("background-color","pink");

});

3、each()方法：遍历元素

        1、元素.each()，参数是回调函数，回调函数参数可选，第一个参数为index，第二个参数为dom元素本身

2、$("button").click(function(){

$("li").each(function(index,domEle){

alert($(this).text())

});

});

4、event事件对象属性

       (1)type：事件类型，比如click。

(2)which：触发该事件的鼠标按钮或键盘的键。

(3)target：事件发生的初始对象。

(4)pageX：事件发生时，鼠标位置的水平坐标（相对于页面左上角）。

(5)pageY：事件发生时，鼠标位置的垂直坐标（相对于页面左上角)。