• 几家性价比超高的烤肉店 赶紧去试试 2019-09-20
  • 支付宝微信等即使收归央行也难管无限复制派生还派生多个马云腾 2019-09-20
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-09-10
  • 中国的长处是集中力量办大事 就是攻坚 但会顾此失彼 2019-09-04
  • 安徽省高校公共体艺教育推行俱乐部制 2019-09-04
  • 巢湖市第三届少儿器乐比赛圆满落幕 2019-09-01
  • В Пекине закрылась первая сессия ВСНП 13-го созыва 2019-09-01
  • [微笑]那就是管理问题了,跟免不免费本身不相干! 2019-08-24
  • [微笑]因为人的基本需求是存在边际的,不会出现你所谓的无限制消费!比如坐公交,你会因为不要钱就一天到晚呆在公汽上么? 2019-08-19
  • 监督效率高了 办案成本低了 2019-08-19
  • “见新见绿”模型初现 悠然阳城未来可期 2019-07-28
  • 贵州1121名党员领导干部因管党治党不力被问责  2019-07-12
  • 小黄车霸王条款藏这儿:扫到故障车照收费 法院管不了 2019-06-22
  • 恒大集团有限公司获第十二届人民企业社会责任奖年度扶贫奖 2019-06-22
  • 海印公园北片物业及配套停车场出租项目 2019-06-20
  • 厦门兴锐达自动化设备有限公司陈敏

    天门兴旺畜牧有限公司:厦门兴锐达自动化设备有限公司陈敏

    最新动态新闻

    让你轻松掌握天铭网络的第一手信息

    jQuery获取CSS样式中的颜色值的问题

    用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】,而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】,由于需要对颜色值进行判断处理,所以需要得到统一的颜色格式,最好是HEX格式的,方便处理点

    2017/05/02

    用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】,而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】,由于需要对颜色值进行判断处理,所以需要得到统一的颜色格式,最好是HEX格式的,方便处理点。搜索了一下,从国外的一个网站上得到一段代码:

    复制代码代码如下:


    $.fn.getHexBackgroundColor = function() {
    ??? var rgb = $(this).css('background-color');
    ??? rgb = rgb.match(/^rgb\((\d ),\s*(\d ),\s*(\d )\)$/);
    ??? function hex(x) {return ("0" parseInt(x).toString(16)).slice(-2);}
    ??? return rgb= "#" hex(rgb[1]) hex(rgb[2]) hex(rgb[3]);
    }


    上面定义的是一个jQuery函数,我们可以通过 $("#bg").getHexBackgroundColor(); 获取到标签id="bg"的background-color的RGB值。


    下面做一下小小的修改,就是加一个判断,如果是显示HEX值(IE10以下)就直接拿值,如果是非IE浏览器则将值转换成RGB格式:





    $.fn.getBackgroundColor = function() {

    ? ? ?var rgb = $(this).css('background-color');

    ?var re=/\#\w /;

    ? ? ?if(re.test(rgb)) return rgb;//如果是一个hex值则直接返回

    ? ? else{

    ? ? ? ? ?rgb = rgb.match(/^rgb\((\d ),\s*(\d ),\s*(\d )\)$/);

    ? ? ? ? ?function hex(x) {return ("0" parseInt(x).toString(16)).slice(-2);}

    ? ? ? ? ?rgb= "#" hex(rgb[1]) hex(rgb[2]) hex(rgb[3]);

    ? ? ?}

    ? ? ?return rgb;

    ?}


    0
    分享到:
  • 几家性价比超高的烤肉店 赶紧去试试 2019-09-20
  • 支付宝微信等即使收归央行也难管无限复制派生还派生多个马云腾 2019-09-20
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-09-10
  • 中国的长处是集中力量办大事 就是攻坚 但会顾此失彼 2019-09-04
  • 安徽省高校公共体艺教育推行俱乐部制 2019-09-04
  • 巢湖市第三届少儿器乐比赛圆满落幕 2019-09-01
  • В Пекине закрылась первая сессия ВСНП 13-го созыва 2019-09-01
  • [微笑]那就是管理问题了,跟免不免费本身不相干! 2019-08-24
  • [微笑]因为人的基本需求是存在边际的,不会出现你所谓的无限制消费!比如坐公交,你会因为不要钱就一天到晚呆在公汽上么? 2019-08-19
  • 监督效率高了 办案成本低了 2019-08-19
  • “见新见绿”模型初现 悠然阳城未来可期 2019-07-28
  • 贵州1121名党员领导干部因管党治党不力被问责  2019-07-12
  • 小黄车霸王条款藏这儿:扫到故障车照收费 法院管不了 2019-06-22
  • 恒大集团有限公司获第十二届人民企业社会责任奖年度扶贫奖 2019-06-22
  • 海印公园北片物业及配套停车场出租项目 2019-06-20
  • 快速时时开奖 天津时时彩开奖结果 马洪刚决战澳门 欢乐斗地主和好友就2人 冰球突破11个红人多少倍 时时彩开奖记录 pk10技巧实战 时时彩后二直选复式杀号技巧 全天澳门时时彩 极速28全包202000模式 单双大小彩票 星空娱乐广州 qq票秒速时时 极速pk10计划官网 mg电子游戏手机客户端 二人麻将棋牌官方网站