事件绑定与处理-优快云博客

本文链接：https://blog.youkuaiyun.com/miaosanpi/article/details/108182715

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>事件绑定</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<div style="border: 1px solid burlywood;">郑州大学</div>
		<script>
			/*$("div").bind("click",function(){
				console.log(aaaaa);
			});*/
			
			var obj={
				name:"",
				doHomework:function(){
					
				}
			}
			
			obj={
				mouseover:function(){
					this.style.backgroundColor="yellow";
				},
				mouseout:function(){
					this.style.backgroundColor="burlywood";
				}
			}
			
			$("div").bind(obj);//绑定
			$("div").unbind("mouseover mouseout");//解除绑定，多个事件用空格间隔
			
			$("div").one("click",function(){
				console.log(1111);
			});
			
			$("div").trigger("click");
		</script>
		
		<form id="search" action="http://www.baidu.com/s">
			<input type="hidden" name="wd" value="中国" />
		</form>
		<script>
			//$("form").trigger("submit");
			$("div").hover(function(){
				this.style.backgroundColor="yellow";
			},
			function(){
				this.style.backgroundColor="burlywood";
			});
		</script>
		
		<select id="province">
			<option value="">--请选择--</option>
			<option value="001">河南省</option>
			<option value="002">河北省</option>
			<option value="003">湖北省</option>
		</select>
		
		<script>
			$("select").change(function(){
				/*console.log(this);
				
				var array = this.options;
				for(var i=0;i<array.length;i++){
					var option = array[i];
					if(option.selected){
						console.log(option.value);
					}
				}*/
				
				console.log($(this).val());
			});
		</script>
		
		<form action="http://www.baidu.com/s ">
			<input name="wd" />
			<input type="button" value="百度" />
		</form>
		<script>
			$(window).keydown(function(e){
				if(e.keyCode==13){
//					$("form").trigger("submit");
					$("form").submit();
				}
			});
		</script>
	</body>
</html>

jQuery事件绑定