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

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>

猜你喜欢

转载自blog.csdn.net/qq_44063001/article/details/87918053