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:事件发生时,鼠标位置的垂直坐标(相对于页面左上角)。

原文地址:https://www.cnblogs.com/wangxue13/p/13501228.html