JQuery事件函数

原创 2018-11-10 00:43:56 6
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery事件函数</title> <script type="text/javascript" src=&quo
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>JQuery事件函数</title>
	<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
	<style type="text/css">
		div{width: 100px;height: 100px;background: #ccc;
			text-align: center;line-height: 100px;margin-top: 20px;}
	</style>	
</head>
<body>
	<script type="text/javascript">
		$(document).ready(function(){
			$('input').focus(function(){
				$('input').css('background','red')
			});
			$('div').mousedown(function(){
				$('div').text('真乖')
			});
			$('div').mouseup(function(){
				$('div').css('background','blue')
			});
		});
	</script>
	<input type="text" name="">
	<div>按下并松开</div>
</body>
</html>

事件函数真好玩,期待后面的课程案例

批改老师:韦小宝批改时间:2018-11-10 09:34:13
老师总结:事件函数是很好玩!但是还是会有点深度的!课后记得多多复习和练习哦!

发布手记

热门词条