1、在JQuery中，有兩個方法用於事件的切換，一個方法是hover()，另一個是toggle()。所謂切換事件，即有兩個以上的事件綁定於一個元素，在元素的行為動作間進行切換。如一個超級鏈接標記<a>若想實現當鼠標懸停時觸發一個事件，鼠標移出時又觸發一個事件，可以用切換事件輕松實現。
2、示例代碼：
. 代碼如下:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切換事件hover</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(".clsTitle").hover(function(){
$(".clsContent").show();
},
function(){
$(".clsContent").hide();
})
})
</script>
</head>
<body>
<div class="clsTitle">JQuery簡介</div>
<div class="clsContent">JQuery是由美國人John Resig於2006年創建的一個開源項目，它的主旨是：以更少的代碼，實現更多的功能</div>
</body>
</html>
3、效果圖預覽：
當鼠標移動到JQuery簡介時：