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

最新推荐文章于 2018-12-20 22:52:46 发布

葡萄老君

最新推荐文章于 2018-12-20 22:52:46 发布

阅读量3.4k

点赞数

文章标签： ie function input performance javascript browser

本文链接：https://blog.csdn.net/dustyface/article/details/6188689

版权

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

摘要由CSDN通过智能技术生成

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

推荐第二种方法，