jquery在IE、FF瀏覽器的差別詳細(xì)探討

更新時(shí)間：2013年04月28日 15:40:01 作者：

jquery在IE,FF瀏覽器差別的問題，在FF的效果很好，但是在IE上面沒有效果，當(dāng)時(shí)也沒有在意，通過今天的練習(xí)發(fā)現(xiàn)，“是不是對(duì)于一些自定義的js，IE的兼容性不是太好呢

1.今天突然想到了jquery好處時(shí)間沒有用到了，就練習(xí)了一下，誰知道，就碰到了jquery在IE,FF瀏覽器差別的問題了，好了廢話也不多說了，就將一下碰到的問題吧
2.大部分使用過jquery的都知道，在FF上面瀏覽的效果是剛剛的，但是這些剛剛的效果，在IE上面運(yùn)用的效果差強(qiáng)人意的。
3.今天練習(xí)的一個(gè)效果是這樣的

就是點(diǎn)擊個(gè)個(gè)顏色，然后使得頁面的背景顏色變成同樣的顏色
4.上圖中的效果使用簡(jiǎn)單的代碼就可以完成了，而且在ＩＥ，ＦＦ中的效果是同樣的，這里就只貼出ｊｑｕｅｒｙ中的代碼了，非常的簡(jiǎn)單的

復(fù)制代碼代碼如下:

 
<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");這個(gè)ｃｓｓ是<link rel="stylesheet" type="text/css" href="css/index.css" id="css">中的，這行代碼是ＨＴＭＬ中的，相信大家都懂得 
if(index==7){ 
$("#css").attr("href","css/index.css"); 
} 
}); 
}); 
}); 
</script> 

下面是ＨＴＭＬ中的代碼

復(fù)制代碼代碼如下:

 
<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> 

下面的ｃｓｓ樣式就不貼出來了啊，相信大家都曉得的
下面就說一下另外的一個(gè)差別的代碼，從而使我了解到了ＩＥ，ＦＦ對(duì)于ｊｑｕｅｒｙ的使用

１．
看到這個(gè)圖片和上面的圖片的區(qū)別，相信大家很容易就查出來，對(duì)的，這個(gè)的一個(gè)小圖標(biāo)的四個(gè)角都是弧度的，為了完成這個(gè)弧度的，我使用了一個(gè)js,這個(gè)js是這個(gè)“jquery.curvycorners.source.js”通過方法

復(fù)制代碼代碼如下:

 
$(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); 
}); 

這個(gè)方法來使上面的圖片的四個(gè)角變成弧度的，但是問題出來了
這個(gè)方法，這個(gè)js在FF運(yùn)行的效果非常完成，但是出現(xiàn)在IE上面則沒有效果的
之前沒有注意過，但今天進(jìn)行測(cè)試后，有點(diǎn)小的意見，是不是對(duì)于一些自定義的js，IE的兼容性不是太好呢，之前做過一個(gè)項(xiàng)目，也是自定義了一個(gè)js,然后通過Script來嵌套到頁面中，在FF的效果很好，但是在IE上面沒有效果，當(dāng)時(shí)也沒有在意，通過今天的練習(xí)發(fā)現(xiàn)，“是不是對(duì)于一些自定義的js，IE的兼容性不是太好呢？”是真的呢？要不要以后盡量少的自定義js,但是如果不自定義js,那么頁面中的代碼就會(huì)很多的??？有點(diǎn)迷茫ING...

您可能感興趣的文章: