SOURCE

$("div").delegate("p","click",function(){
    $("p").css("background-color","red");
  });
$("h2,p").click(function(event){ 
    alert(event.currentTarget.innerHTML);
  });
$("h3").bind("click",function(){
alert("这里被点击了");});

$("h4").bind("mouseover mouseout",function(){
    $("h4").toggleClass("july");
  });
$("#April").focusin(function(){
    $(this).css("background-color","#FFFFCC");
  });
  $("#April").focusout(function(){
    $(this).css("background-color","#FFFFFF");
  });
$("#june").keydown(function(){
    $("#june").css("background-color","#ff944d");
  });
  $("#june").keyup(function(){
    $("#june").css("background-color","#66ffff");
  });

$("#May").mouseenter(function(){
    $("#May").css("background-color","yellow");
  });
  $("#May").mouseleave(function(){
    $("#May").css("background-color","lightgray");
  });
$("#OCO").mousemove(function(){
    $("#OCO").css("background-color","blueviolet");
  });
  $("button").click(function(){
    $("#OCO").mousemove();
  });  
$("#sk").select(function(){
    alert("文本已选中!");
  });
$("form").submit(function(){
    alert("单击提交");
  });

<div style="background-color:pink">
  <p>导航栏</p>
</div>
<p>fei菜单键</p>
<p id="cun">没有七月，哪来六月</p>
<h2>青春毕业季</h2>
<h3>单击我！</h3>

<h4>我愿乘风破浪，跨过黄沙海洋</h4>
<div id="April" style="border:1px solid blue;padding:10px;">
 姓氏：<input type="text"><br>
  名字：<input type="text">
</div>
<input id="june" type="text">
<h5>键盘任意按钮按过改变背景颜色</h5>
<p id="May">阳光下的泡沫，是彩色的</p>

<p id="OCO">如果有一天你迷失了希望</p>
<button>单击获得希望</button>
<br>
<input id="sk" type="text" value="www.baike/baidu.com">
<br>
从中选取部分文本
<br>
<form action="">
  <li>meiyoushe</li>
  <li> monenggouzudang</li>
  <li>niduiziyou</li>
  <li>dexiangwang</li>
  <input type="submit" value="提交">
</form>

.july{
  font-size:150%;
  color:yellowgreen;
}