jquery在IE、FF浏览器的差别详细探讨

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

就是点击个个颜色，然后使得页面的背景颜色变成同样的颜色
4.上图中的效果使用简单的代码就可以完成了，而且在ＩＥ，ＦＦ中的效果是同样的，这里就只贴出ｊｑｕｅｒｙ中的代码了，非常的简单的

复制代码代码如下:

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

下面是ＨＴＭＬ中的代码

复制代码代码如下:

 
<div align="right" id="div"> 
 
<span class="myBox"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox1"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox2"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox3"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox4"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox5"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox6"> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
</span> 
 
<span class="myBox7">还原</span>

下面的ｃｓｓ样式就不贴出来了啊，相信大家都晓得的
下面就说一下另外的一个差别的代码，从而使我了解到了ＩＥ，ＦＦ对于ｊｑｕｅｒｙ的使用

１．
看到这个图片和上面的图片的区别，相信大家很容易就查出来，对的，这个的一个小图标的四个角都是弧度的，为了完成这个弧度的，我使用了一个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...

频道导航

jquery在IE、FF浏览器的差别详细探讨

您可能感兴趣的文章: