<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#p3").click(function(){
$(this).hide();
});
$("div").dblclick(function(){
$(this).hide();
});
$("#p1").mouseenter(function(){
alert('您的鼠标移到了 id="p1" 的元素上!');
});
$(document).ready(function(){
$("#p2").mousedown(function(){
alert("鼠标在该段落上按下!");
});
});
$("#p4").mouseleave(function(){
alert("再见,您的鼠标离开了该段落。");
});
$(document).ready(function(){
$("#p5").hover(
function(){
alert("你进入了 p5!");
},
function(){
alert("拜拜! 现在你离开了 p5!");
}
)
});
});
</script>
</head>
<body>
<p id="p3">如果你点我,我就会消失。</p>
<div>双击我消失!</div>
<p id="p1">鼠标指针进入此处,会看到弹窗</p>
<p id="p2">鼠标在该段落上按下</p>
<p id="p4">鼠标在该段落上离开</p>
<p id="p5">这是一个段落。</p>
</body>
</html>