JQuery的hover监听事件的使用

最新推荐文章于 2023-10-23 14:59:51 发布

weixin_40469224

最新推荐文章于 2023-10-23 14:59:51 发布

阅读量1.9k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/weixin_40469224/article/details/106000868

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JQuery的hover监听事件的使用

参考地址：
https://www.runoob.com/jquery/event-hover.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>hover监听事件</title>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
	<div>
		<p class="sort">计算机</p>
		<p class="sort">网络工程</p>
		<p class="sort">Java</p>
	</div>
		
	<script>
		$(document).ready(function(){
			$(".sort").hover(function(){
				$(this).css("background-color","yellow");
	  		},function(){
		    	$(this).css("background-color","white");
		  	});
		});
	</script>
</body>
</html>