jquery事件(mouseenter，mousedown，mouseup，hover)、toggle()

$(document).ready(function(){
  $("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
  });
});```

$("#p1").mousedown(function(){
    alert("鼠标在该段落上按下！");
});

$("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
});

$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

//通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
//显示被隐藏的元素，并隐藏已显示的元素：
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle();
  });
});