在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. 【贪心】【模拟】HDU 5491 The Next (2015 ACM/ICPC Asia Regional Hefei Online)

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5491 题目大意: 一个数D(0<=D<231),求比D大的第一个满足:二进制下1个个数在 ...

  2. Android按钮式进度条

    package com.example.progress.demo; import android.annotation.SuppressLint; import android.content.Co ...

  3. legoblock秀上限

    很久没有做题了,前天做了一道题结果弱的一逼...搜了解题报告不说...还尼玛秀了上限 题意: 给出宽和高为n和m的一堵墙,手上有长为1,2,3,4高均为1的砖,问形成一个坚固的墙有多少种做法. 坚固的 ...

  4. 【模拟】Class 解题报告

    [问题描述] 信息班这期的课将要结束了,老师要从现在班上的同学中选出比较优秀的同学进入下一期的学习.而录取标准则是将平时作业和考试一起考虑,综合成绩排在前面的则录取.经过一番思考,老师作了以下的筛选计 ...

  5. linux运维社区站点收集

    1, 新世纪linux社区 offical locator: http://www.21ops.com/industry-news/24370.html 2,

  6. Java中对象的深复制和浅复制详解

    1．浅复制与深复制概念 ⑴浅复制(浅克隆) 被复制对象的所有变量都含有与原来的对象相同的值,而所有的对其他对象的引用仍然指向原来的对象.换言之,浅复制仅仅复制所考虑的对象,而不复制它所引用的对象. ⑵ ...

  7. Java中this的功能与作用

    粗粒度上来说,Java中关键字this主要有2个功能: 1.表示“当前对象”的引用 (1)作为参数传入 [程序实例1] public class MyObject { public Integer v ...

  8. linux —— 学习笔记（环境变量的设置）

    目录 环境变量概要 与环境变量相关的文件 设置环境变量 注意以及相关 1.环境变量概要 环境变量,简单来说,是储存了环境信息的变量.它可以让你在不指明全部路径的情况下执行某脚本或某应用程序,比如在 l ...

  9. Android MVP框架模式

    结合前一篇MVC框架模式 为了更好地细分视图(View)与模型(Model)的功能,让View专注于处理数据的可视化以及与用户的交互,同时让Model只关系数据的处理,基于MVC概念的MVP(Mode ...

  10. 谈谈iOS中粘性动画以及果冻效果的实现

    在最近做个一个自定义PageControl——KYAnimatedPageControl中,我实现了CALayer的形变动画以及CALayer的弹性动画,效果先过目: https://github.c ...