jquery hover使用方法介紹
概述
一個模仿懸停事件（滑鼠移動到一個物件上面及移出這個物件）的方法。這是一個自訂的方法，它為頻繁使用的任務提供了一種「保持在其中」的狀態。
當滑鼠移到一個符合的元素上面時，會觸發指定的第一個函數。當滑鼠移出這個元素時，會觸發指定的第二個函數。而且，會伴隨著滑鼠是否仍處在特定元素中的偵測（例如，處在div中的影像），如果是，則會繼續保持「懸停」狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。
參數
over,outFunction,FunctionV1.0
over:滑鼠移到元素上要觸發的函數
out:滑鼠移出元素要觸發的函數
outObjectV1.4
當滑鼠移到元素上或移出元素時觸發執行的事件函數
範例
over,out 描述:
滑鼠懸停的表格加上特定的類別
jQuery 程式碼:
$("td").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );out 描述:
hovre()方法透過綁定變數"handlerInOut"來切換方法。
jQuery 程式碼:
$("td").bind("mouseenter mouseleave",handlerInOut);
$("td").hover(handlerInOut);$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
<style type="text/css">
.hover {background:red};
</style>這裡的addClass("hover")和removeClass("hover")裡括號裡的hover是不是只寫hover ,寫別的就不用，是不是這樣的
先回答是，不是必須是hover。
這個addClass裡寫hover是因為之前的CSS類別選擇器的名稱是hover（就是.hover {background:red};）。這個名稱可以改成別的。下邊給你一個可以工作的程式碼：
<html>
<head>
<title>hover demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<style>
.myStyle {
background: red
}
;
</style>
</head>
<body>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<script>
$("td").hover(function() {
$(this).addClass("myStyle");
}, function() {
$(this).removeClass("myStyle");
});
</script>
</body>
</html>以上是jquery hover使用方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
DirectX修復工具怎麼用？ DirectX修復工具詳細使用方法
Mar 15, 2024 am 08:31 AM
DirectX修復工具是專業的系統工具，主要功能是偵測目前系統的DirectX狀態，如果發現異常就可以直接修復。可能還有很多用戶不清楚DirectX修復工具怎麼用吧，以下就來看看詳細教學。 1、使用修復工具軟體進行修復檢測。 2、如果修復完成後提示C++元件有異常的問題，請點選取消按鈕，然後點選工具選單列。 3、點選選項按鈕，選擇擴展，點選開始擴展按鈕。 4、擴展完成後再重新進行檢測修復即可。 5、如果修復工具操作完成後仍未解決問題，可以嘗試卸載重新安裝報錯的程序。
百度網盤怎麼用-百度網盤的使用方法
Mar 04, 2024 pm 09:28 PM
有很多朋友還不知道百度網盤怎麼用，所以下面小編就講解了百度網盤的使用方法，有需要的小伙伴趕緊來看一下吧，相信對大家一定會有所幫助哦。第一步：安裝好百度網盤後直接登入(如圖);第二步：接著可依頁面提示選擇「我的分享」與「傳輸清單」(如圖);第三步：在「好友分享」裡可以把圖片和檔案直接分享給好友(如圖所示);第四步：接著選擇「分享」後可勾選電腦檔案或是網盤檔案(如圖所示);第五步：然後就可以尋找好友(如圖所示);第六步：還可以在「功能寶箱」中尋找自己需要的功能(如圖所示)。上面就是小編為大
KMS啟動工具是什麼？ KMS啟動工具怎麼用？ KMS啟動工具使用方法？
Mar 18, 2024 am 11:07 AM
KMS啟動工具是一種用來啟動微軟Windows和Office產品的軟體工具。 KMS是KeyManagementService的縮寫，即金鑰管理服務。 KMS啟動工具透過模擬KMS伺服器的功能，使得電腦可以連接到這個虛擬的KMS伺服器，從而實現對Windows和Office產品的啟動。 KMS激活工具體積小巧，功能強大，可以一鍵永久激活，無需聯網狀態就可以激活任何版本的window系統和任何版本的Office軟體，是目前最成功的且經常更新的Windows激活工具，今天小編就跟大家介紹一下kms激活工
potplayer怎麼用-potplayer的使用方法
Mar 04, 2024 pm 06:10 PM
potplayer是一款非常強大的媒體播放器，但不少夥伴還不知道potplayer怎麼用，今天小編就來詳細介紹一下potplayer的使用方法，希望能幫助大家。 1.PotPlayer快捷鍵PotPlayer播放器預設常用快捷鍵如下：(1)播放/暫停：空格(2)音量：滑鼠滾輪，上下方向鍵(3)前進/後退：左右方向鍵(4)書籤：P-加入書籤，H-查看書籤(5)全螢幕/還原：Enter(6)倍速：C-加速，X-減速，Z-復位(按一次調整0.1倍速度，可以在0.2到12倍速之間調節)( 7)上/下一幀：D/
小馬win7啟動工具如何使用-小馬win7啟動工具使用的方法
Mar 04, 2024 pm 06:16 PM
相信很多用戶都在使用小馬win7激活工具，但是你們知道小馬win7激活工具如何使用嗎?接著，小編就帶來了小馬win7激活工具使用的方法，對此感興趣的用戶快來下文看看吧。第一步，在重裝系統後，進入“”我的電腦，點擊上方選單中的“系統屬性”，查看Windows啟動狀態。第二步，點選上網下載win7啟動工具，點選打開，(資源很多哪裡都有)。第三步，開啟小馬啟動工具後，點選「一件永久啟動Windows」。第四步，等待啟動程序完成啟動。第五步，再次查看Windows啟動狀態，發現系統已啟動。
jQuery小技巧：快速修改頁面所有a標籤的文本
Feb 28, 2024 pm 09:06 PM
標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<
什麼是狗狗幣
Apr 01, 2024 pm 04:46 PM
狗狗幣是一種基於網路迷因創建的加密貨幣，沒有固定的供應上限，交易時間快速，交易費用低，擁有龐大的迷因社群。用途包括小額交易、打賞和慈善捐贈。然而，其無限供應量、市場波動和作為笑話幣的地位也帶來風險和擔憂。什麼是狗狗幣？狗狗幣是一種基於網路迷因和笑話創建的加密貨幣。起源與歷史：2013年12月，兩位軟體工程師BillyMarkus和JacksonPalmer創立狗狗幣。靈感來自於當時流行的"Doge"模因，一個以一隻柴犬為特徵的滑稽照片加上破碎英語。特徵與優勢：無限供應量：與比特幣等其他加密貨
使用jQuery修改所有a標籤的文字內容
Feb 28, 2024 pm 05:42 PM
標題：使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網頁開發中，經常會遇到需要修改頁面上連結標籤（a標籤）的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標，並提供具體的程式碼範例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：
