首页 > 代码库 > jQuery之第4章 jQuery中的事件和动画
jQuery之第4章 jQuery中的事件和动画
一、jQuery中的事件:
1、加载DOM:
jQuery:$(document).ready();
JavaScript:window.onload();
$(window).load(function(){
}) 等价于
window.onload = function(){}
简写方式:
(1)$(document).ready(functon(){})
(2)$().ready(functon(){})
(3)$(function(){})
2、事件绑定:
bind();
3、合成事件:
(1)hover() :用于模拟光标悬停事件。
(2)toggle() :用于模拟鼠标连续单击事件。另一作用,切换元素的可见状态。
4、事件冒泡:
event.stopPropagation(); //停止事件冒泡
event.preventDefault(); //阻止默认行为
改写为:
return false;
事件捕获:
jQuery不支持事件捕获,需要使用JavaScrip原生实现。
5、事件对象的属性:
(1)event.type
(2)event.stopPropagation();
(3)event.preventDefault();
(4)event.target
(5)event.relatedTarget
(6)event.pageX、event.pageY
(7)event.which
(8)event.metaKEY
6、移除事件:
unbind();
one();
7、模拟操作:
trigger();
jQuery之第4章 jQuery中的事件和动画