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