JQuery是一種流行的JavaScript庫,可以幫助開發者更方便地操作HTML和CSS,而其強大的選擇器也是開發者的最愛。其中,jQuery還提供了很多轉換顏色格式的方法,其中包括16進制的轉換。
//將十進制轉換為16進制的方法 function decimalToHex(decimal) { return decimal.toString(16); } //將16進制轉換為十進制的方法 function hexToDecimal(hex) { return parseInt(hex, 16); }
在使用jQuery操作顏色時,我們常常需要將顏色轉換成16進制格式。比如下面的代碼:
var color = $('div').css('color'); console.log(color); // "rgb(255, 0, 0)"
可以看到,獲取到的顏色值實際上是一個RGB格式的字符串,如果我們需要將其轉換成16進制格式,可以使用下面的代碼:
var rgbRegex = /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/; var match = rgbRegex.exec(color); if(match){ var r = match[1], g = match[2], b = match[3]; var hexColor = '#' + decimalToHex(r) + decimalToHex(g) + decimalToHex(b); console.log(hexColor); // "#ff0000" }
通過正則表達式獲取到RGB每個顏色的值后,將其轉換為16進制,并拼接成一個字符串即可。
上一篇jquery 123
下一篇jquery 1.1