jquery在IE、FF瀏覽器的差異詳細探討_jquery

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

就是點擊個個顏色，然後使得頁面的背景顏色變成同樣的顏色
4.上圖中的效果使用簡單的程式碼就可以完成了，而且在ＩＥ，ＦＦ中的效果是同樣的，這裡就只貼出ｊｑｕｅｒｙ中的代碼了，非常的簡單的

程式碼如下:

$("div span").each(function(){
$("div span").click(function(){
var index = $("div span").index(this);

$("#css").attr("href","css/index" index ".css");這個ｃｓｓ是中的，這行程式碼是ＨＴＭＬ中的，相信大家都懂得if(index==7){ $("#css").attr( "href","css/index.css"); } }); }); });

以下是ＨＴＭＬ中的程式碼




複製程式碼


程式碼如下:








     


   

     


      ">
     
">
     

myBox4">             還原


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

 
１．
看到這張圖片和上面的圖片的區別，相信大家很容易就查出來，對的，這個的一個小圖標的四個角都是弧度的，為了完成這個弧度的，我使用了一個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...