jQuery笔记-事件

window.onload

必须等待网页中的而所有内容加载完毕后(包括图片)才能执行
在一个网页中只能有一个,定义多个后,后面的会覆盖前面的。

$(document).ready(function(){...})

网页中的所有DOM结构绘制完毕后就执行,与DOM关联的东西(比如图片)不一定加载完毕
一个网页中可以编写多个。多个可以同时执行。

为事件绑定动作,可以同时绑定多个动作
$('#foo').bind('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');

});

one 绑定事件,只执行一次。
unbind 解除事件绑定
$("p").unbind() 解除对p绑定的所有事件。
$("p").unbind("click") 只解除click事件。

中断事件冒泡

<body id="body">
<div id="content">..</div>
</body>
针对上面的代码,如果对div和body分别定义了click后,
当点击div后,会先执行div的click动作,然后执行body的click操作。
为了阻止这种从底向上不断的递归过程,可以在想终止的位置return false;
如下代码所示,
$("body").click(function(){body function; })
$("div").click(function(){div function;return false})

事件对象的属性

当触发事件时,事件对象就被创建了。在程序中使用事件只需要为函数添加一个参数。
该事件对象只有事件处理函数才能访问到。事件处理函数执行完毕后,事件对象就被销毁了。

event.pageX,event.pageY获取x,y坐标。

<完>


你可能感兴趣的:(jQuery笔记-事件)