jQueryはstyle_jqueryで背景色の属性値/色の値を取得します。

jQueryを使用してスタイルのbackground-colorの値を取得すると、取得した色の値がIEとChromeでは異なる形式であることがわかり、IEでは#ffff00がHEX形式で表示されましたが、ChromeとFirefoxでは#ffff00が表示されました。 rgb(255,0,0) を GRB 形式で表示します。色の値をデータベースに保存する必要があるため、色の値の形式を統一したいと考えています。統一されていない場合は保存されます）。検索した結果、海外のウェブサイトからコードを入手しました

コードをコピーします コードは次のとおりです:

$.fn.getHexBackgroundColor = function() {
var rgb = $(this).css('背景色');
rgb = rgb.match((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]);
}

解決策
上記で定義されているのは、$("#bg").getHexBackgroundColor(); を通じてタグ id="bg" の背景色の RGB 値を取得できる関数です。ちょっとやってみましょう。 IE ブラウザの場合は値を直接取得し、値を RGB 形式に変換します:


。

コードをコピー コードは次のとおりです:

$.fn.getHexBackgroundColor = function() { var rgb = $(this)。 css('背景色'); if(!$ .browser.msie){ rgb = rgb.match(/^rgb((d ),s*(d ),s*(d ))$/); hex(x) {return ("0" parseInt(x ).toString(16)).slice(-2);} rgb= "#" hex(rgb[1]) hex(rgb[2]) hex(rgb [3]); } return rgb; }

jQuery はスタイル シートの属性値を取得します

code コードは次のとおりです。

>
• インフォメーション センター
  
• メッセージ ボックス
  
• メッセージ受信ボックス

ul>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。