×

探讨jQuery在IE、FF浏览器的差别

作者:jiang2018.03.05来源:Web前端之家浏览:9820评论:0
关键词:JQueryJS

1.今天突然想到了jquery好处时间没有用到了,就练习了一下,谁知道,就碰到了jquery在IE,FF浏览器差别的问题了,好了废话也不多说了,就将一下碰到的问题吧。
2.大部分使用过jquery的都知道,在FF上面浏览的效果是刚刚的,但是这些刚刚的效果,在IE上面运用的效果差强人意的。
3.今天练习的一个效果是这样的

就是点击个个颜色,然后使得页面的背景颜色变成同样的颜色
4.上图中的效果使用简单的代码就可以完成了,而且在IE,FF中的效果是同样的,这里就只贴出jquery中的代码了,非常的简单的。

$(document).ready(function(){ 
    $("div span").each(function(){ 
        $("div span").click(function(){ 
            var index = $("div span").index(this); 
            $("#css").attr("href","css/index"+index+".css");这个css是<link
 rel="stylesheet" type="text/css" href="css/index.css" 
id="css">中的,这行代码是HTML中的,相信大家都懂得 
            if(index==7){ 
            $("#css").attr("href","css/index.css"); 
            } 
        }); 
    }); 
});

下面是HTML中的代码

<div align="right" id="div"> 
<span class="myBox"> 
      
</span> 
<span class="myBox1"> 
      
</span> 
<span class="myBox2"> 
      
</span> 
<span class="myBox3"> 
      
</span> 
<span class="myBox4"> 
      
</span> 
<span class="myBox5"> 
      
</span> 
<span class="myBox6"> 
      
</span> 
<span class="myBox7">还原</span>
</div>
下面的css样式就不贴出来了啊,相信大家都晓得的

下面就说一下另外的一个差别的代码,从而使我了解到了IE,FF对于jquery的使用。

 

1. 看到这个图片和上面的图片的区别,相信大家很容易就查出来,对的,这个的一个小图标的四个角都是弧度的,为了完成这个弧度的,我使用了一个js,这个js是这个“jquery.curvycorners.source.js”通过方法 。

$(document).ready(function(){ 
    settings = { 
        tl: { radius: 10 }, 
        tr: { radius: 10 }, 
        bl: { radius: 10 }, 
        br: { radius: 10 }, 
        antiAlias: true, 
        autoPad: true, 
        validTags: ["span"] 
    } 
    $('.myBox').corner(settings); 
    $('.myBox1').corner(settings); 
    $('.myBox2').corner(settings); 
    $('.myBox3').corner(settings); 
    $('.myBox4').corner(settings); 
    $('.myBox5').corner(settings); 
    $('.myBox6').corner(settings); 
    $('.myBox7').corner(settings); 
});

这个方法来使上面的图片的四个角变成弧度的,但是问题出来了
这个方法,这个js在FF运行的效果非常完成,但是出现在IE上面则没有效果的
之前没有注意过,但今天进行测试后,有点小的意见,是不是对于一些自定义的js,IE的兼容性不是太好呢,之前做过一个项目,也是自定义了一个js,然后通过Script来嵌套到页面中,在FF的效果很好,但是在IE上面没有效果,当时也没有在意,通过今天的练习发现,“是不是对于一些自定义的js,IE的兼容性不是太好呢?”是真的呢?要不要以后尽量少的自定义js,但是如果不自定义js,那么页面中的 代码就会很多的啊?有点迷茫ING...

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1488038400972.html

网友评论文明上网理性发言 已有0人参与

发表评论: