IE8的不给力之一: 支持jquery.css()的怪癖

原创于 2011-02-16 17:58:00 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ie #function #input #performance #javascript #browser

本文探讨了使用jQuery在不同浏览器环境下更新元素背景颜色时遇到的问题及解决方案。通过两种方法解决了因输入值导致的背景颜色设置失败问题，并推荐使用cssText属性来减少浏览器重绘次数，提高页面性能。

jquery-1.4.2.js

$(".someClass").each(function(){
    var d = $(this).prev("input").val();
    $(this).css("background-color", d); //这里竟然报错
//    $(this).css("background-color", "#fff"); // 这里竟然是好的，ie只支持literal量;
});

解决方法1：用try catch

$(".someClass").each(function(){
    var d = $(this).prev("input").val();
try {
    $(this).css("background-color", d); //这里竟然报错
}
catch(e){
  //dont output any err msg, but it works;
}
});

解决方法2：用cssText

$(".someClass").each(function(){
    var d = $(this).prev("input").val();
    $(this).get(0).style.cssText+= "background-color: " + d; //用style.cssText
});

推荐第二种方法，