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> 

3、效果圖預(yù)覽：

當(dāng)鼠標(biāo)移動到JQuery簡介時：

您可能感興趣的文章:

相關(guān)文章

jQuery彈出遮罩層效果完整示例
這篇文章主要介紹了jQuery彈出遮罩層效果,結(jié)合完整實例形式分析了jQuery遮罩層的動態(tài)創(chuàng)建與使用技巧,需要的朋友可以參考下
2016-09-09
jquery ajax的success回調(diào)函數(shù)中實現(xiàn)按鈕置灰倒計時
實現(xiàn)異步手機(jī)發(fā)送短信成功之后在ajax的success回調(diào)中實現(xiàn)將發(fā)送按鈕置灰并倒計時，具體的實現(xiàn)示例如下，喜歡的朋友可以研究下
2013-11-11
有關(guān)jquery與DOM節(jié)點操作方法和屬性記錄
下面小編就為大家?guī)硪黄嘘P(guān)jquery與DOM節(jié)點操作方法和屬性記錄。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-04-04
Jquery之datagrid查詢詳解
接下來將從前臺提交查詢條件，從MSSQL返回json數(shù)據(jù)的一個事例來講解一下datagrid動態(tài)查詢數(shù)據(jù)，感興趣的你可不要錯過了哈，希望本文可以幫助到你
2021-09-09
jQuery可見性過濾選擇器用法示例
這篇文章主要介紹了jQuery可見性過濾選擇器用法,結(jié)合實例形式分析了jQuery針對元素hidden屬性的過濾操作相關(guān)技巧,需要的朋友可以參考下
2016-09-09
PHP+jQuery+Ajax實現(xiàn)多圖片上傳效果
我們在本文中用到一個Ajax表單提交插件：jqery.form.js，有高人修改了幾行代碼并改名為：jquery.wallform.js，直接拿來用。下面我們就來看看這款神奇的jQuery插件吧。
2015-03-03
jquery解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jQuery讀取XML文件的方法示例
這篇文章主要介紹了jQuery讀取XML文件的方法,結(jié)合實例形式分析了jQuery基于ajax針對xml文件的讀取操作相關(guān)技巧,需要的朋友可以參考下
2017-02-02
jQuery彈出下拉列表插件（實現(xiàn)kindeditor的@功能）
這篇文章主要介紹了jQuery彈出下拉列表插件（實現(xiàn)kindeditor的@功能）的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
jQuery 頁面 Mask實現(xiàn)代碼
何為頁面 Mask (遮罩)？看過 jQuery 的 Lightbox 插件的一定不會陌生。就是在頁面上建一個透明層遮蓋住頁面的全部內(nèi)部。
2010-01-01