使用jQuery.support检测IE6

前端之家收集整理的这篇文章主要介绍了使用jQuery.support检测IE6前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
任何人都有任何想法如何测试特定于IE6(而不是IE7)使用jquery.support的东西?

我的问题是IE6支持:hover psuedo-class只用于锚点元素,IE7支持所有元素(如FF,Chrome等)。所以我想做一些特殊的情况下浏览器不支持:悬停所有元素…因此我需要一种方法来测试此功能。 (不想使用jQuery.browser)。有任何想法吗?

解决方法

虽然检查功能支持而不是用户代理是一个好的做法,但没有简单的方法来检查类似支持使用JavaScript的CSS属性。我建议你遵循上面的海报建议使用条件注释或使用jQuery.browser。一个简单的实现(未验证性能错误)可能如下所示:
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
  // search for selectors you want to add hover behavior to
  $('.jshover').hover(
    function() {
      $(this).addClass('over');
    },function() {
      $(this).removeClass('over');
    }
}

在您的标记中,将.jshover类添加到您希望悬停css效果的任何元素。在你的css中,添加这样的规则:

ul li:hover,ul li.over { rules here }

猜你在找的jQuery相关文章