>웹 프론트엔드 >JS 튜토리얼 >jQuery는 style_jquery에서 배경색 속성 값/색상 값을 가져옵니다.

jQuery는 style_jquery에서 배경색 속성 값/색상 값을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 17:46:281365검색

스타일에서 배경색 값을 얻기 위해 jQuery를 사용했을 때, IE에서는 얻은 색상 값이 Chrome 및 Firefox와 다른 형식으로 표시되는 것을 발견했습니다. IE는 HEX 형식으로 #ffff00을 표시했지만 Chrome 및 Firefox에서는 이를 표시했습니다. #ffff00으로 rgb(255,0,0)을 GRB 형식으로 표시합니다. 색상 값을 데이터베이스에 저장해야 하므로 색상 값의 형식을 통일하려고 합니다(실제로는 통일되지 않은 경우 저장됩니다.) 검색해보니 해외사이트에서 코드 한조각을 받았습니다

코드복사 코드는 다음과 같습니다

$.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])
}

해결책
위에서 정의한 것은 $("#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는 스타일 시트에서 속성 값을 가져옵니다

aaaa