jQuery判断浏览器

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

 1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
 2 <script type="text/javascript">
 3     $(function() {
 4         var userAgent = window.navigator.userAgent.toLowerCase();
 5         var version = $.browser.version;
 6         $(".info").html(
 7             "<h3>userAgent:</h3>" + userAgent + "<br />" +
 8             "<h3>version:</h3>" + version
 9         );
10     });
11 </script>
　　<body> <div class="info"></div> </body>

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

 1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
 2 <script type="text/javascript">
 3     $(function() {
 4         var userAgent = window.navigator.userAgent.toLowerCase();
 5  
 6         $.browser.msie10 = $.browser.msie && /msie 10.0/i.test(userAgent);
 7         $.browser.msie9 = $.browser.msie && /msie 9.0/i.test(userAgent); 
 8         $.browser.msie8 = $.browser.msie && /msie 8.0/i.test(userAgent);
 9         $.browser.msie7 = $.browser.msie && /msie 7.0/i.test(userAgent);
10         $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6.0/i.test(userAgent);
11  
12         $(".info").html(
13             "<h3>userAgent:</h3>" + userAgent + "<br />" +
14             "<h3>Is IE 10?</h3>" + $.browser.msie10 +
15             "<h3>Is IE 9?</h3>" + $.browser.msie9 +
16             "<h3>Is IE 8?</h3>" + $.browser.msie8 +
17             "<h3>Is IE 7?</h3>" + $.browser.msie7 +
18             "<h3>Is IE 6?</h3>" + $.browser.msie6
19         );
20     });
21 </script>
22  
23 <body>
24     <div class="info"></div>
25 </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，官方的解决方案是：

1 <!--[if lt IE 9]
2 <script src='jquery-1.9.0.js'</script
3 <![endif]--
4 <!--[if gte IE 9]
5 <script src='jquery-2.0.0.js'</script
6 <![endif]

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

1 $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
2 $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
3 $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
4 $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

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

1 // Old
2 if ($.browser.msie && 7 $.browser.version) {}
3 // New
4 if ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8

1 if (!$.support.leadingWhitespace) {}