Question

jQuery中hover与mouseover和mouseout的区别分析

Answer 1

没区别

mouseover的方法如下

jQuery.each( {    
	mouseenter: "mouseover",    
	mouseleave: "mouseout",    
	pointerenter: "pointerover",    
	pointerleave: "pointerout"    
}, function( orig, fix ) {    
	jQuery.event.special[ orig ] = {    
		delegateType: fix,    
		bindType: fix,    
		handle: function( event ) {    
			var ret,    
				target = this,    
				related = event.relatedTarget,    
				handleObj = event.handleObj;    
			if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) {    
				event.type = handleObj.origType;    
				ret = handleObj.handler.apply( this, arguments );    
				event.type = fix;    
			}    
			return ret;    
		}    
	};    
} );

可以看出来就是一个方法,hover则是mouseenter mouseleave方法组合成的