Home > Web Front-end > JS Tutorial > Detailed explanation of how to use $.support instead of $.browser in jQuery

Detailed explanation of how to use $.support instead of $.browser in jQuery

巴扎黑
Release: 2017-07-08 09:37:24
Original
2367 people have browsed it

jQuery Starting from version 1.9, $.browser and $.browser.version have been removed and replaced by $.support. Let’s take a look at the specific usage

Starting from jQuery version 1.9, $.browser and $.browser.version have been removed and replaced by $.support. In version 2.0 of Update, IE 6/7/8 will no longer be supported. In the future, if users need to support IE 6/7/8, they will only be able to use jQuery 1.9. If you want to fully support IE and use a mixture of jQuery 1.9 and 2.0, the official solution is:


<!--[if lt IE 9]>
  <script src=&#39;jquery-1.9.0.js&#39;></script>
<![endif]-->
<!--[if gte IE 9]>
  <script src=&#39;jquery-2.0.0.js&#39;></script>
<![endif]-->
Copy after login

In the long run, this will help to browse according to complex situations. Browser characteristics are processed separately, rather than simply detecting browser type and version. However, at present, the transplantation of many old programs may not be directly transitioned to browser-based support features, so I have found some solutions on the Internet that can be directly replaced.

Determine the browser type:


$.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());
Copy after login

The expression after the equal sign returns true/false, which can be used directly Replace the original $.browser.msie etc. If you need to check whether it is IE6, you can write like this:


// Old
if ($.browser.msie && 7 > $.browser.version) {}
// New
if (&#39;undefined&#39; == typeof(document.body.style.maxHeight)) {}
Copy after login

Check whether it is IE 6-8:


if (!$.support.leadingWhitespace) {}
Copy after login

The ultimate method is to use another class library instead. You can refer to an article written by a foreigner:

Browser detect

The above is the detailed content of Detailed explanation of how to use $.support instead of $.browser in jQuery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template