Heojju

▤ contentEditablep나 div 태그와 같이 고정되어있는 텍스트를 가지고 있는 태그들에 입히는 속성(attribute)으로 텍스트 수정이 가능하게 된다. This is an editable paragraph.This is an editable paragraph.

if($(this).css("color")){ var rgbSplit = $(this).css("color").split("(")[1].split(")")[0]; rgbSplit = rgbSplit.split(","); var hex = rgbSplit.map(function(x){ x = parseInt(x).toString(16); return (x.length==1) ? "0"+x : x; }); hex = hex.join(""); }else{ var hex = "FFFFFF"; }

document.activeElement.name var focusElement = document.activeElement.name;

.element{width:500px;}#layer{display:none; padding:10px; background:#e6e6e6;}#layerClose{font-size:15px; float:right;}.element:hover, #layerClose:hover{cursor:pointer; opacity:0.8;} 음식입니다. 닫기X $('.element').click(function(e) { var divTop = e.clientY - 20; //상단 좌표 var divLeft = e.clientX - 40; //좌측 좌표 $('#layer').css({ "top": divTop ,"left": divLeft , "position": "absolute" }).show(); }); $("#lay..

var today = new Date();var year = today.getFullYear().toString();var month = (today.getMonth()+1).toString();var day = today.getDate().toString();var mmChars = month.split('');var ddChars = day.split(''); var datestring = year + '-' + (mmChars[1]?month:"0"+mmChars[0]) + '-' + (ddChars[1]?day:"0"+ddChars[0]);

[localStorage]localStorage : 세션이 종료되어도 데이터가 유지됨. ▤ 데이터 저장localStorage.test = "123";localStorage.setItem("test", "123"); ▤ 데이터 불러오기var data = localStorage.test;var data = localStorage.getItem("test");var dataAll = Object.keys(localStorage); // 모든 값 받기. 배열로 저장. ▤ 데이터 삭제localStorage.removeItem('data'); // 원하는 값만 삭제localStorage.clear(); // 모든 값 삭제 [sessionStorage]sessionStorage : 세션이 종료되면 데이터가 삭제됨. ..

1 Element:nth-child(n) 부모의 n번째 자식인 Element요소2 Element:nth-of-type(n) 같은 유형의 n번째 형제인 Element요소 해당 태그 안에 다른 태그가 있을경우에는 2 만 적용이 된다. (IE8 이하에서는 호환되지 않습니다.) (1) 첫번째 요소(1)(2) 두번째 요소(2)(2n) 2배수 요소(2,4,8,```)(3n) 3배수 요소(3,6,9,```)(odd) 홀수 요소(1,3,5,```)(even) 짝수 요소(2,4,8,```)(3n+2) 3배수+2 번째 요소 (2,5,8,```)(-n+3) 처음부터 3번째까지의 요소(1,2,3)

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#909} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#909; opacity: 1;} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#909; opacity: 1;} :-ms-input-placeholder { /* Internet Explorer 10-11 */color:#909;}

버튼 클릭 시에 생기는 기본효과 outline을 없애는 방법. body{outline:none;}

#first{ position: absolute; width: 100%; height: 100%; } #second{ position: relative; top: 50%; transform: translateY(-50%); }