26
2019
05

jquery事件操作之hover

1、hover()函数用于为每个匹配元素的hover事件绑定处理函数。

2、hover事件就是鼠标悬停事件。此外,你还可以额外传递给事件处理函数一些数据。

此外,你可以为同一元素多次调用该函数,从而绑定多个事件处理函数。触发hover事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<style type="text/css">    
			#hd{    
				width: 500px;    
				height: 300px;    
				background: darkcyan;    
			}    
		</style>    
		<script src="../tu/jquery-1.11.3.min.js" type="text/javascript"></script>    
		<script type="text/javascript">    
			$(function(){    
//				$('#hd').mouseenter(function(){    
//					$(this).css("background",'darkgoldenrod');    
//				})    
//				$("#hd").mouseleave(function(){    
//					$(this).css('background','darkcyan');    
//				})    
//				上面这种移用移出可以用hover去做    
//				第一个function函数是移入进来执行的   第二个函数是移出去执行的    
				$('#hd').hover(function(){    
					$(this).css("background",'darkgoldenrod');    
				},function(){    
					$(this).css('background','darkcyan');    
				})    
			})    
		</script>    
	</head>    
	<body>    
		<div id="hd">    
		</div>    
	</body>    
</html>

原文链接:https://www.qiquanji.com/post/7282.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。