JQuery——常用事件（鼠标，键盘，表单）

JQuery中常用的事件

1.鼠标事件

<script type="text/javascript">
	$(function(){
		$("#nav li").mouseover(function(){
			$(this).addClass("heightlight");
		});
		$("#nav li").mouseout(function(){
			$(this).removeClass();
		});
	});
</script>

2.键盘事件

<script type="text/javascript">
	$(function(){
		$("[type=password]").keyup(function(){
			$("#events").append("keyup ");
		}).keydown(function(){
			$("#events").append("keydown ");
		}).keypress(function(){
			$("#events").append("keypress ");
		});
			
		$(document).keydown(function(event){
			if(event.keyCode=="13"){
				alert("确认要提交吗？");
			}
		});
	});

3.表单事件

<script type="text/javascript">
	$(function(){
		$("[name=member]").focus(function(){
			$(this).addClass("input_focus");
		});
		$("[name=member]").blur(function(){
			$(this).removeClass("input_focus");
		});
	});
</script>

4.鼠标光标悬停事件

<script type="text/javascript">
	$(function(){
		$("#myaccound").hover(function(){
			$("#menu_1").css("display","block");
		},
		function(){
			$("#menu_1").css("display","none");
		}
		);
	});
</script>

<script type="text/javascript">
	$(function(){
		$("body").toggle(
			function(){
				$(this).show();
				$(this).css("background-color","red");
			},
			function(){
				$(this).css("background-color","green");
			},
			function(){
				$(this).css("background-color","blue");
			}
		);
	});
</script>