티스토리 뷰
jQuery 에서 색으로 어떤 액션을 구분하려고 할때 발생할수 있는 문제점으로 컬러를 가져 올때 jQuery 는 RGB로 가져오게 되어 있습니다.
이런 컬러를 흔히 사용하는 Hex 로 구분해 주는 함수 입니다.
function rgb2hex(rgb) { if ( rgb.search("rgb") == -1 ) { return rgb; } else { rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } }
사용 방법은
var state = $("#podcast_bookmark a").css("color"); state = rgb2hex(state); alert(state);
소스 출처는 Stackflow ( 링크 ) 입니다.
'Dev WEB > jQuery' 카테고리의 다른 글
jQuery Mobile 에서 page 초기화를 막고 이벤트만 ( 원하는 옵션만 ) 이용하기 (0) | 2015.06.03 |
---|---|
jQuery 에서 trim 사용하기 (0) | 2015.03.08 |
jQuery 이벤트 중복 적용시 .off() 를 이용하여 이벤트 해제하고 다시 적용하기 (0) | 2015.03.07 |
jQuery Cross domain - 크로스 도메인 문제 해결하기 (0) | 2015.03.03 |
jQuery 기본 플러그인 만들어 보기 (0) | 2015.03.03 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Laravel
- Tutorialbook
- 개발자
- 웹 개발자
- 설치
- 튜토리얼북
- it
- 데이터베이스
- php
- cocos2d-x
- mac
- 개발
- JavaScript
- Database
- 게임
- 웹 개발
- 에러
- 웹 서버
- 우분투
- 웹
- html
- 서버 개발
- 게임 개발
- ubuntu
- 맥
- 서버
- 인터넷
- SNS
- Nodejs
- Developer
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함