jquery如何刪除hover事件

這篇文章主要介紹了jquery如何刪除hover事件的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery如何刪除hover事件文章都會有所收獲，下面我們一起來看看吧。

我們提供的服務有：網(wǎng)站設計制作、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、西烏珠穆沁ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的西烏珠穆沁網(wǎng)站制作公司

在jquery中，可以利用unbind()方法來刪除hover事件；但不能直接使用“unbind("hover")”語句，因為hover是由mouseenter和mouseleave構成的，所以要刪除hover效果，只需要移除這兩個事件即可，語法“元素對象.unbind("mouseenter").unbind("mouseleave")”。

遇到jquery需要去掉hover的問題，原以為直接unbind("hover")就可以搞定，可是搞了半天都不行。

$("button").click(function() {
	$("p").unbind("hover");
});

jquery如何刪除hover事件

原因其實很簡單，hover并不是事件。打開參考手冊，hover其實由 mouseenter和mouseleave構成的。這樣問題就很明了！

/* 這種方法是錯誤的 */
$(#hover_div).unbind("hover");

/* 這種方法也是錯誤的 */
$(#hover_div).unbind("mouseover").unbind("mouseout");

/* 這種方法是新增的，在老的版本里是無法使用的 */
$(#hover_div).unbind("mouseenter mouseleave");

/* 這種方法正確的，新老版本皆可用 */
$(#hover_div).unbind("mouseenter").unbind("mouseleave");

上面的代碼建議使用第四種，相對安全些。

使用示例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").hover(function() {
					$("p").css("background-color", "yellow");
				}, function() {
					$("p").css("background-color", "pink");
				});

				$("button").click(function() {
					$("p").unbind("mouseenter").unbind("mouseleave");
				});
			});
		</script>
	</head>
	<body>

		<p>鼠標移動到該段落。</p>
		<button>刪除hover</button>
	</body>
</html>

jquery如何刪除hover事件

說明：unbind()方法

unbind() 方法能夠移除所有的或被選的事件處理程序，或者當事件發(fā)生時終止指定函數(shù)的運行。

該方法也可以通過 event 對象取消綁定的事件處理程序。該方法也用于對自身內(nèi)部的事件取消綁定（比如當事件已被觸發(fā)一定次數(shù)之后，刪除事件處理程序）。

關于“jquery如何刪除hover事件”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery如何刪除hover事件”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前標題：jquery如何刪除hover事件
當前網(wǎng)址：http://jinyejixie.com/article0/ijjpoo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、云服務器、網(wǎng)站設計公司、網(wǎng)站設計、外貿(mào)網(wǎng)站建設、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery如何刪除hover事件