<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
//hover()方法用于模拟光标悬停事件，当光标移动到元素上时会触发第一个事件，离开时会触发第二个事件
$(function () {
$("#div1").hover(function () {
$(this).hide();
}), function () {
$(this).show(600);
};
});
//toggle（function(),function(),function()）方法用来模拟连续点击的单击事件，第一次调用第一函数，以此类推，循环使用，还可以用来隐藏和显示元素
//e.stopPropagation(),用来阻止事件冒泡，e.preventDefault(),用来阻止元素的默认行为
//e.target属性用来获取触发事件的元素
//在DOM中mouseover和mouseout所发生的元素可以通过e.target()方法来访问
//e.pageX/e.pageY获取到光标相对于页面的X坐标和Y坐标
//e.which属性用来获取左中右键
//e.metaKey属性用于获取Ctrol键
//e.originalEvent属性该方法作用是指向原始的事件对象
</script>
</head>
<body>
<div id="div1">
<span>fasdfljkaslkdfjalksdjflakjdlasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksd jflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjsfkj</span></div>
</body>
</html>
