摘要：focus() 觸發(fā)匹配元素獲取焦點的事件 blur() 觸發(fā)匹配元素失去焦點的事件 change() 當匹配元素內(nèi)容發(fā)生改變的時候觸發(fā)的事件 click 觸發(fā)匹配元素的點擊事件 dblclick 觸發(fā)匹配元素的雙擊事件 mouseenter 鼠標指針穿過匹配元素觸發(fā)的事件 mouseleave 鼠標離開匹配元素觸發(fā)的事件 mouseover 鼠標移入匹配元素觸發(fā)的事件 mouseout 鼠標離開

focus() 觸發(fā)匹配元素獲取焦點的事件

blur() 觸發(fā)匹配元素失去焦點的事件

change() 當匹配元素內(nèi)容發(fā)生改變的時候觸發(fā)的事件

click 觸發(fā)匹配元素的點擊事件

dblclick 觸發(fā)匹配元素的雙擊事件

mouseenter 鼠標指針穿過匹配元素觸發(fā)的事件

mouseleave 鼠標離開匹配元素觸發(fā)的事件

mouseover 鼠標移入匹配元素觸發(fā)的事件

mouseout 鼠標離開匹配元素觸發(fā)的事件

與 mouseover 事件不同，只有在鼠標指針穿過被選元素時，才會觸發(fā) mouseenter 事件。如果鼠標指針穿過任何子元素，同樣會觸發(fā) mouseover 事件。

與 mouseout 事件不同，只有在鼠標指針離開被選元素時，才會觸發(fā) mouseleave 事件。如果鼠標指針離開任何子元素，同樣會觸發(fā) mouseout 事件。

mousemove 當鼠標指針在指定的元素中移動時，就會發(fā)生 mousemove 事件。

resize 當調(diào)整瀏覽器窗口的大小時，發(fā)生 resize 事件

<input type="text" name="" id="input1">
	<input type="text" name="" id="input2">
	<div id="box" style="width:100px;height:100px;background:pink;margin:20px 0px;"></div>
	<button id="bt">單擊</button>

	<div id="box1"></div>
	<div id="box2" style="font-size:30px;color:red;">0</div>

$(document).ready(function(){
		$('#input1').focus(function(){
			$(this).css('background','pink');
		});

		$('#input1').blur(function(){
			$(this).css('background','blue');
		});

		$('#input2').change(function(){
			$(this).css('color','red');
		});
		$("#bt").click(function(){
			$("#box").css('background','orange');
		});

		$("#box").dblclick(function(){
			$(this).css('background','purple');
		});

		$(document).mousemove(function(event){
			$('#box1').text('x:'+event.pageX+'y:'+event.pageY);
		});
		var num = 0;//窗口調(diào)整次數(shù)
		$(window).resize(function(){
			$('#box2').text(num+=1);
		});
	});