JQuery中关于浏览器兼容性的问题

时间 2019-11-16

原文原文链接

前言javascript

LIUWEcss

　　　JQuery是一个特别强大的javascript代码库，，它的操做DOM的能力是至关强大的，JQuery能够说是支持各大主流浏览器，可是随着时代的不断发展，浏览器是在不断的更新变换的，浏览器界的前带头大哥IE，其影响力仍是稍微有那么一点点的。虽然最终仍是屈服了，可是仍是有那么一群IE六、七、8的老用户，为了知足各类用户的需求，JQuery能够说是作的很是好的。前端

　　其实JQuery也是在不断的发展，更新版本的，在JQuery的2.0版本之前仍是在考虑着这些IE六、七、8的老用户们，时时刻刻在兼容着它们。可能随着时代的不断发展变化，以为这些IE六、七、8的老用户愈来愈少了，在2.0版本开始，就再也不支持IE六、七、8浏览器了。下面咱们就用一个简单的例子来详细介绍一下关于JQuery对于各大浏览器兼容性的问题。java

　　　这一个简单的例子就是要让p标签中文字变为红色jquery

1 <body>
2 　　<p id="p">p标签</p>
3 </body>
7 <script type="text/javascript">
8 　　　$("#p").css("color","red");
9 </script>

1、导入一个2.0版本以上的JQuery文件

　　咱们导入的JQuery文件是jquery-3.1.1.js。浏览器

1 <body>
2     <p id="p">p标签</p>
3 </body>
4 <script type="text/javascript" src="js/jquery-3.1.1.js" ></script>
5 <script type="text/javascript">
6     $("#p").css("color","red");
7 </script>

　　所显示的结果以下图：框架

　　在IE8的时候将文字的颜色将不会发生改变：字体

　　而在IE9及以上的IE浏览器中文字颜色将会显示为红色spa

2、导入一个2.0如下的JQuery文件

　　此次导入的是jquery-1.10.2.js文件code

1 <body>
2     <p id="p">p标签</p>
3 </body>
4 <script type="text/javascript" src="js/jquery-1.10.2.js" ></script>
5 <script type="text/javascript">
6     $("#p").css("color","red");
7 </script>

　　所显示的结果以下图：

　　此次无论是IE多老的版本，都可以支持，字体的颜色均变为了红色。

3、兼容的方式来导入JQuery文件

　　在网页制做过程当中，为了达到更好的兼容性，能够经过条件注释的方法，来导入JQuery文件

　　具体的代码以下：

<body>
    <p id="p">p标签</p>
</body>
<!--[if lt IE 9]>
        <script src="js/jquery-1.10.2.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
        <script src="js/jquery-3.1.1.js"></script>
<!--<![endif]-->
<script type="text/javascript">
    $("#p").css("color","red");
</script>

　　所显示的结果以下图：

　　不管IE多少版本，都会支持，字体的颜色也都变为红色。

　　介绍到这里，既然一直都以浏览器界老大哥自居的IE都获得了支持，相信其余主流浏览器更不是问题。JQuery是咱们前端最为重要的一个框架，可以将他学好。。。。。。。。

个人代码世界

　　经过上面的一点点介绍，但愿对你们有一点点的帮助，咱们都是在这条路上奔跑着的孩子，你们一块儿加油努力！！！！