IE浏览器对 jquery版本的兼容性支持

最新推荐文章于 2021-08-05 13:35:13 发布

草巾冒小子

最新推荐文章于 2021-08-05 13:35:13 发布

阅读量2.9w

点赞数

分类专栏： HTML 5 JavaScript jQuery 浏览器兼容性处理

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/79676199

版权

JavaScript 同时被 3 个专栏收录

70 篇文章

订阅专栏

HTML 5

33 篇文章

订阅专栏

浏览器兼容性处理

16 篇文章

订阅专栏

IE浏览器存在多种兼容问题

掌握技巧，不再害怕

IE浏览器对 jquery版本的兼容性

注意：
ie9 / ie8 / ie7 …版本的IE浏览器，不兼容jquery中的部分属性方法；

以 jquery.1.7.2版本为例：

问题描述，示图如下：
这里写图片描述
代码块简略，示图如下：

html文件，部分代码如下：

...部分省略...
<script src='js/jquery-1.7.2.js'></script>


<body>
    ...部分省略...
        <div class="bottom_box ">
          <ul class="ul_">
             <li onclick="collection()" id="collection_li"><a href="JavaScript:;" id="collectText">收藏</a></li>
             <li onclick="nextPage('up')" ><a href="JavaScript:;" >上一题</a></li>
             <li onclick="nextPage('next')"><a href="JavaScript:;" >下一题</a></li>
             <li><a ><span id="nowQuestionNum">1</span>/<span id="qtNum" name="qtNum">100</span></a></li>
           </ul>
           <div class="block_" onclick="subTest()"><a href="JavaScript:;" > 交   卷 </a></div>
        </div>
    ...部分省略...
</body>


<script>

...部分省略...
//显示当前题目
function showMenu() {
    var currentPage=$("#currentPage").val();
    var arrs = document.getElementsByName("dl_div");
    alert(arrs.length);
    for(var i=0;i<arrs.length;i++){ 
        if (arrs[i].id=="dl_"+currentPage) {
                $("#dl_"+currentPage).show();
                //alert("testshow");
        } else {
            $("#"+arrs[i].id).hide();
            //alert("testhide");
        }
    }
    //changeCollect();
    getCollection();
}
//上一题/下一题
function nextPage(data){
    var qtNum=$("#qtNum").text();
    var currentPage=$("#currentPage").val();
            var nowQuestionNum =$("#nowQuestionNum").text();
        var id=$("#ID_"+nowQuestionNum).val();
        var QUESTIONCLASS= $("#QUESTIONCLASS_"+id).val();
        var TRUEANSWER=$("#TRUEANSWER_"+id).val();
        if(QUESTIONCLASS =='questionType_moreChoose'){
        var str="";
       $("input[name='moreAnswer_"+id+"']:checkbox").each(function(){ 
                    if($(this).attr("checked")){
                        str += $(this).val()+","
                    }
                })
                if(str == ''){
                    if(confirm("该题您还没有选择答案,确定要前往下一题吗？")){
                    }else{
                         return;
                    }
                }else{
                 subMoreChooseAnswer(id,TRUEANSWER);
                }
        }
    if(data=='up'){
        if(eval(currentPage)<=1){
        alert("已是第一题！");
        return;
        }
        currentPage=eval(currentPage)-1;
    }if(data=='next'){
        if(eval(currentPage)>=eval(qtNum)){
            alert("已是最后一题！");
            return;
        }
        currentPage=eval(currentPage)+1;
    }
    $("#currentPage").val(currentPage);
    $("#nowQuestionNum").text(currentPage);
    showMenu();
    }

    //题目跳转
    function toQuestion(data){
        var nowQuestionNum =$("#nowQuestionNum").text();
        var id=$("#ID_"+nowQuestionNum).val();
        var QUESTIONCLASS= $("#QUESTIONCLASS_"+id).val();
        var TRUEANSWER=$("#TRUEANSWER_"+id).val();
        if(QUESTIONCLASS =='questionType_moreChoose'){
        var str="";
       $("input[name='moreAnswer_"+id+"']:checkbox").each(function(){ 
                    if($(this).attr("checked")){
                        str += $(this).val()+","
                    }
                })
                if(str == ''){
                    if(confirm("该题您还没有选择答案,确定要前往其他题吗？")){
                    }else{
                         return;
                    }
                }else{
                 subMoreChooseAnswer(id, TRUEANSWER);
                }
        }
        $("#currentPage").val(data);
        $("#nowQuestionNum").text(data);
        showMenu();
    }
    ...部分省略...
</script>

注意：

比如上面出现的抓取name=”“的选择器使用失效的问题。
根据上面的代码提示：发现在ie9 、ie8、 ie7低版本的IE浏览器模式下，均会出现不同程度的jquery失效问题，从一定程度上反应了jquery与浏览器的部分不兼容问题。
基本上在达到ie10，及其以上版本的ie浏览器或ie内核浏览器才会对jquery有较为全面和完整的支持性。