JQuery入門――事件切換之hover()方法應(yīng)用介紹

2019-11-20 23:00:16

字體：大中小

供稿：網(wǎng)友

1、在JQuery中，有兩個方法用于事件的切換，一個方法是hover()，另一個是toggle()。所謂切換事件，即有兩個以上的事件綁定于一個元素，在元素的行為動作間進(jìn)行切換。如一個超級鏈接標(biāo)記<a>若想實現(xiàn)當(dāng)鼠標(biāo)懸停時觸發(fā)一個事件，鼠標(biāo)移出時又觸發(fā)一個事件，可以用切換事件輕松實現(xiàn)。

2、示例代碼：

復(fù)制代碼代碼如下:

<!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年創(chuàng)建的一個開源項目，它的主旨是：以更少的代碼，實現(xiàn)更多的功能</div> 
</body> 
</html> 