JQuery獲取樣式中的background-color顏色值的問題
更新時間：2013年08月20日 14:54:40 投稿：whsnow
用JQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，經(jīng)搜索找到了下段代碼可解決此問題，感興趣的朋友可以參考下
今天使用JQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，IE中是以HEX格式顯示【#ffff00】，而Chrome、Firefox中則是以GRB格式顯示【rgb(255,255,0)】，而我需要的是十六進制的顏色值，用于存儲到數(shù)據(jù)庫中，在網(wǎng)上找到下段代碼能解決此問題：
復制代碼 代碼如下:
$.fn.getHexBackgroundColor = function() {
var rgb = $(this).css('background-color');
if(!$.browser.msie){
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;
}
這樣就都以HEX格式顯示了，已驗證通過.
相關文章
這篇文章主要介紹了jQuery中的編程范式,以實例形式詳解分析了jQuery中的編程范式,并對比分析了與Prototype的異同及對應用法,非常具有實用價值,需要的朋友可以參考下2014-12-12
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang
Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.2010-03-03
這篇文章主要介紹了jQuery+Ajax實現(xiàn)無刷新操作，分享了采用Ashx+jQuery Ajax實現(xiàn)“無刷新登錄”的例子，感興趣的小伙伴們可以參考一下2016-01-01
獲得內容 - text()、html() 以及 val()，attr()方法用于獲取屬性值，下面有個不錯的示例，感興趣的朋友可以參考下2014-01-01
$(document).ready(function() {})不執(zhí)行初始化腳本
今天發(fā)現(xiàn)一個頁面始終不執(zhí)行$(document).ready(function() {})初始化腳本，下面是解決方法2014-06-06
如何沒有任何一個庫可以滿足所有的需求，可以使用JQuery庫提供的擴展功能，下面有個示例，大家可以看看2014-09-09
這篇文章主要介紹了jQuery手機瀏覽器中拖拽動作的艱難性分析,實例分析了常見的jQuery手機瀏覽器中拖拽動作解決方案,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jQuery EasyUI Dialog拖不下來到底如何解決，遇到這類問題的，或者是感興趣的小朋友可以參考一下2015-09-09
jQuery獲取當前元素的索引值還是很方便的，比如一大堆的li，當鼠標移上去的時候，你知道這個li是眾多l(xiāng)i中的第幾個嗎？2009-05-05
這篇文章主要介紹了 jQuery自定義插件詳解及實例代碼的相關資料,需要的朋友可以參考下2016-12-12