使用jquery插件报错：$.browser is undefined的解决方法

刚开始以为是插件有错误，就到官方网站去下载一个最新版的Jcrop插件，结果在原项目的网页打开就是正常的，而引入项目就会报错，我发现可能与 jquery的插件版本有关，查看官方的demo目录下的juqery版本是V1.3.2， 而我使用的jquery版本是V1.11.1，查看jquery官方的更新日志，果然是这个的问题。

关于$.browser

browser就是用来获取浏览器基本信息的。

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 等。