jquery事件切换(鼠标移入移出,鼠标点击切换)

最新推荐文章于 2024-04-07 13:01:24 发布

大雄的哆啦A梦

最新推荐文章于 2024-04-07 13:01:24 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_44063001/article/details/87918053

本文探讨了使用jQuery实现鼠标移入移出事件的具体代码示例，并对比了不同版本（1.8.3与1.11.0）下toggle与hover函数的行为差异。展示了如何在div元素上实现鼠标悬停时显示“你好”，移开时显示“再见”的效果，以及在按钮上实现点击切换文本的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery鼠标移入移出事件

hover(function(){},function(){})

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../JS/jquery-1.11.0.min.js" ></script>
		
		<script>
			$(function(){
				
				$("div").hover(
				function(){
					$(this).html("你好");
				},				
				function(){
					$(this).html("再见");
				})
				
			})
		
		</script>

		

	</head>


<body>
	
	<div style="border: 1px solid;height: 100px;width: 100px;">
		
	</div>
</body>

</html>

鼠标点击切换

1.8.3版本可以用,1.11版本没用
单数次111,偶数次aaa

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<script type="text/javascript" src="../JS/jquery-1.8.3.min.js" ></script>
		<script>
			$(function(){

				$("button").toggle(function(){
					alert("111")
				},function(){
					alert("aaa")
				})

			})
		
		</script>
		
	</head>

<body>

	<button>点我</button>
</body>

</html>