<!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>