在jQuery1.9版本之前，jQuery 提供了 browser 标记

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

 <script type="text/javascript">

     $(function() {

         var userAgent = window.navigator.userAgent.toLowerCase();

         var version = $.browser.version;

         $(".info").html(

             "<h3>userAgent:</h3>" + userAgent + "<br />" +

             "<h3>version:</h3>" + version

         );

     });

 </script>
　　<body> <div class="info"></div> </body>

其中IE6和IE7 会有问题，所以具体解决后代码：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

 <script type="text/javascript">

     $(function() {

         var userAgent = window.navigator.userAgent.toLowerCase();

         $.browser.msie10 = $.browser.msie && /msie 10\.0/i.test(userAgent);

         $.browser.msie9 = $.browser.msie && /msie 9\.0/i.test(userAgent);

         $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent);

         $.browser.msie7 = $.browser.msie && /msie 7\.0/i.test(userAgent);

         $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6\.0/i.test(userAgent);

         $(".info").html(

             "<h3>userAgent:</h3>" + userAgent + "<br />" +

             "<h3>Is IE 10?</h3>" + $.browser.msie10 +

             "<h3>Is IE 9?</h3>" + $.browser.msie9 +

             "<h3>Is IE 8?</h3>" + $.browser.msie8 +

             "<h3>Is IE 7?</h3>" + $.browser.msie7 +

             "<h3>Is IE 6?</h3>" + $.browser.msie6

         );

     });

 </script>

 <body>

     <div class="info"></div>

 </body>

（以上文章引用地址：http://www.iefans.net/jquery-pandan-ie-banben/ 作者：iefans）

但是

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合使用 jQuery 1.9 和 2.0， 官方的解决方案是：

 <!--[if lt IE 9]

 <script src='jquery-1.9.0.js'</script

 <![endif]--

 <!--[if gte IE 9]

 <script src='jquery-2.0.0.js'</script

 <![endif]

从长久来看，这样有利于在复杂情况下根据浏览器特性进行分别处理， 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性， 所以在网上找了一些能够直接替换的解决办法。
判断浏览器类型：

 $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());

 $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());

 $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());

 $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

等号后面的表达式返回的就是 true/false， 可以直接用来替换原来的$.browser.msie等。
检查是否为IE6

 // Old

 if ($.browser.msie && 7 $.browser.version) {}

 // New

 if ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8

 if (!$.support.leadingWhitespace) {}

jQuery判断浏览器的更多相关文章

  1. js/jquery判断浏览器的方法小结

    在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把 ...

  2. JQuery 判断浏览器及其版本

    JQuery 中用 方法 jQuery.browser 来判断浏览器,返回值可以为: safari opera msie mozilla. 当然有时候我们还需要区分版本 这就要用到 jQuery.br ...

  3. js/jquery判断浏览器的方法总结

    JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:nav ...

  4. 怎么用jquery判断浏览器类型和版本号？

    用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下:判断浏览器类型和版本号如下: 怎么用jquery判断浏览器类型? ...

  5. JAVASCRIPT和JQUERY判断浏览器信息总汇（备忘）

    <script type="text/javascript">        //jquery判断浏览器信息        $(function(){          ...

  6. jquery判断浏览器版本插件，jquery-browser.js

    jquery判断浏览器版本插件,jquery-browser.js,jquery 判断是否为ie浏览器插件 >>>>>>>>>>>&g ...

  7. 基于jquery判断浏览器版本过低代码

    基于jquery判断浏览器版本过低代码.这是一款对不支持HTML5跟CSS3代码的浏览器提示用户更换特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div sty ...

  8. js/jquery判断浏览器 & 停止加载

    JS获取浏览器信息 复制代码代码如下: 浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对 ...

  9. jQuery判断浏览器类型和版本

    jquery 判断浏览器类型 例:   if($.browser.msie) { alert("这是一个IE浏览器"); }else if($.browser.opera) { a ...

  10. js/jQuery判断浏览器名称、内核版本、浏览器壳

    1.js方法 /* 判断浏览器名称和版本 目前只能判断:ie/firefox/chrome/opera/safari 2012年5月16日23:47:08 浏览器内核UA:UA; 浏览器内核名称:NV ...

随机推荐

  1. Count Primes ——LeetCode

    Description: Count the number of prime numbers less than a non-negative number, n. 题目大意:给一个int,返回小于它 ...

  2. workflow4.0持久化

    WF4中的持久化模型有了很大的变化. SqlWorkflowInstanceStore是WF提供给我们的开箱即用的类,它会将工作流数据保存到SQL Server 2005或是2008中.该类从Inst ...

  3. 高效算法——A 归并排序

    In this problem, you have to analyze a particular sorting algorithm. The algorithm processes a seque ...

  4. 使用开源软件sentry来收集日志

    原文地址:http://luxuryzh.iteye.com/blog/1980364 对于一个已经上线的系统,存在未知的bug或者运行时发生异常是很常见的事情,随之而来的几点需求产生了: 1.系统发 ...

  5. word 2010中如何创建多级目录和多级列表

    原文地址:http://wenku.baidu.com/link?url=KkSmYTqogxA5VJkLCGb957E5fIGN5S50FUx7IpAWWWKWWRYvaeGl2IvX-dFP25r ...

  6. poj 1609 dp

    题目链接:http://poj.org/problem?id=1609 #include <cstdio> #include <cstring> #include <io ...

  7. java 基础（匿名内部类）

    匿名内部类 特点:不对外公开,进行实现功能,继承类,继承抽象类,实现某个接口的匿名内部类,实现相应的方法 特别注意:匿名内部类,匿名指的是 ,new 关键字右边的那个对象--如继承,或是接口    { ...

  8. 饿了么 ---Java面试

    下午去饿了么参加面试,其实也满怀期待,毕竟也是个大公司. 交通:偏外环,真北路 环境:感觉压抑,不通风,面试人很多,可能是屋子高度低,不舒服. 填了资料,等待面试,两轮,真是憋屈 都是搞技术的,何苦为 ...

  9. Qt Quick 事件处理之信号与槽

    前面两篇文章<QML 语言基础>和<Qt Quick 简单教程>中我们介绍了 QML 语言的基本的语法和 Qt Quick 的常见元素,亲们,通过这两篇文章,您应该已经能够完毕 ...

  10. Effect of Switchovers, Failovers, and Control File Creation on Backups

    对dataguard 官方文档里面的这句话不理解,是否能给出一个样例说明: 10.2.0.5的版本号 Effect of Switchovers, Failovers, and Control Fil ...