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

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

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

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

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

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

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

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

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

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

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

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

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

resize 當(dāng)調(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);
		});
	});