前 言
LIUWE
JQuery是一個特別強大的javascript代碼庫，，它的操作DOM的能力是相當強大的，JQuery可以說是支持各大主流瀏覽器，但是隨着時代的不斷發展，瀏覽器是在不斷的更新變換的，瀏覽器界的前帶頭大哥IE，其影響力還是稍微有那么一點點的。雖然最終還是屈服了，但是還是有那么一群IE6、7、8的老用戶，為了滿足各種用戶的需求，JQuery可以說是做的非常好的。
其實JQuery也是在不斷的發展，更新版本的，在JQuery的2.0版本以前還是在考慮着這些IE6、7、8的老用戶們，時時刻刻在兼容着它們。可能隨着時代的不斷發展變化，覺得這些IE6、7、8的老用戶越來越少了，在2.0版本開始，就不再支持IE6、7、8瀏覽器了。下面我們就用一個簡單的例子來詳細介紹一下關於JQuery對於各大瀏覽器兼容性的問題。
這一個簡單的例子就是要讓p標簽中文字變為紅色
1 <body> 2 <p id="p">p標簽</p> 3 </body> 7 <script type="text/javascript"> 8 $("#p").css("color","red"); 9 </script>
| 一、導入一個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瀏覽器中文字顏色將會顯示為紅色
| 二、導入一個2.0以下的JQuery文件 |
這次導入的是jquery-1.10.2.js文件
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多老的版本，都能夠支持，字體的顏色均變為了紅色。
| 三、兼容的方式來導入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是我們前端最為重要的一個框架，能夠將他學好。。。。。。。。
我的代碼世界
通過上面的一點點介紹，希望對大家有一點點的幫助，我們都是在這條路上奔跑着的孩子，大家一起加油努力！！！！