jQuery解决IE6不支持hover的方法

作者:沙师弟时间:2012-05-16
jQuery解决IE6不支持hover的方法 ie6是一个让人头疼的纯在,之前在逛一个论坛的,看到一篇用原生js写的解决“IE6以及更低版本的浏览器对:hover的支持不理想”的问题,他的代码是这样的:
下面这段代码要放到页面的底部在前:
现在很多人都用jQuery,我就用jQuery改写一番:
jQuery(function ($) {
	if ( jQuery.browser.msie && ( jQuery.browser.version == "6.0" ) && !jQuery.support.style ){
                jQuery('div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section').hover(function(){
			jQuery(this).addClass('hover');
		},function(){
			jQuery(this).removeClass('hover');
		});
	}
});
这样比较直观一定吧,但是从性能方面我就不敢保证,至于你要怎么那就要按照实际需求来写,本文仅供产考。
\r\n现在很多人都用jQuery,我就用jQuery改写一番:\r\n
jQuery(function ($) {\r\n\tif ( jQuery.browser.msie && ( jQuery.browser.version == \"6.0\" ) && !jQuery.support.style ){\r\n                jQuery('div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section').hover(function(){\r\n\t\t\tjQuery(this).addClass('hover');\r\n\t\t},function(){\r\n\t\t\tjQuery(this).removeClass('hover');\r\n\t\t});\r\n\t}\r\n});
\r\n这样比较直观一定吧,但是从性能方面我就不敢保证,至于你要怎么那就要按照实际需求来写,本文仅供产考。","post_title":"jQuery解决IE6不支持hover的方法","post_excerpt":"用jQuery解决IE6以及更低版本的浏览器对“:hover”的支持不理想,但是并没有考虑到性能方面,本文仅供参考。","post_name":"ie6_hover","post_modified_gmt":"2012-05-16T07:44:28.000Z"}}