关于jQuery的keyup()事件的使用

jQuery是个非常优秀的前端的框架内,我们这次来接收一下keyup事件,来看一下官方给出的说法keyup事件会在按键释放时触发。说普通一点就是这个事件会当你按完键盘就触发这个事件

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript">
				//第一种方式
				$(document).ready(
					function(){
					$("input").keyup(
						function(){
							$("input").css("background-color","red");
						});
				});
				//第二种方式
				$(document).ready(function(){
					$("#in").keyup(
						function(){
							$("input").css("background-color","greenyellow");
						}
					);
				});
				//第三种方式
				$(document).ready(function(){
					$("#in").bind("keyup",function(){
						$("#in").css("background-color","red");
					});
				});
		</script>
	</head>
	<body>
		<input id="in" type="text"/>
	</body>
</html>

  

posted on 2019-06-11 22:49  想入围城的小码农  阅读(1116)  评论(0编辑  收藏  举报