Eveningstar

이벤트란? 일종의 알림기능 이라고 생각하면 된다.웹페이지에서 사용자가 마우스를 클릭하거나 키보드의 키를 입력하면 브라우저는 입력정보(클릭 위치, 버튼, 키값 등)를 이벤트에 담아 개발자에게 알려준다. 이벤트 종류(1) 마우스 이벤트(2) 키보드 이벤트(3) 태그 고유 요소 이벤트(img - load, input - change)(4) 사용자 정의 이벤트 이벤트 단계 1) 캡처2) 타깃3) 버블링 (1) 일반 이벤트 등록 $대상.on('이벤트 이름', '이벤트 리스너');:(2) 단축 이벤트 등록 가. on() 메서드 사용 $대상.on("click", funtion(){ }); 나. click() 메서드 사용(단축메서드) $대상.click(function(){ }); -> 단축 메서드 : blur , ch..

.attr() : 속성 제어하기 인자에 따라 2가지로 사용할 수 있다. 하나의 인자만 있다면 속성값을 가져오는 것이고 2개의 인자를 쓰면 속성값을 요소에 부여하는 것 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 옴, 모든 요소의 속성값을 가지고 오고 싶다면 each()나 map()을 사용해야함 속성값을 가지고 오지 못하면 undefinded를 반환한다. syntax - $(selector).attr(attribute) - $(selector).attr(attribute,value) - $(selector).attr(attribute,function(index,currentvalue)) - $(selector).attr({attribute:value, attribute:value,..

IE / Chrome / Safari - 스크롤바 1. -webkit-에서 커스터마이징 스크롤바 만들기 ::-webkit-scrollbar {스크롤바 전체영역} ::-webkit-scrollbar-button {상하, 좌우스크롤바 버튼} ::-webkit-scrollbar-track {화살표를 제외한 부분} ::-webkit-scrollbar-track-piece {track에서 실제 움직이는 부분을 제외한 나머지 부분} ::-webkit-scrollbar-thumb {실제로 움직이는 부분(스크롤바 알맹이)} ::-webkit-scrollbar-corner {리사이즈 하기 전 상하 좌우 스크롤바가 만나는 모서리 부분} ::-webkit-resizer {화면 리사이즈시 클릭앤드래그 하는 부분(모서리)} 2..

html()/addClass()/removeClass() html( ): Get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element * xml에서는 사용할 수 없다. HTML 문서에서 어떤 요소의 내부 내용을 알아내고자 할때 html() 함수를 사용할 수 있습니다. 만일 선택자에 의해 선택된 요소가 복수개일 경우 제일 처음 요소의 값만 취합니다. .html( htmlString ).html( htmlString ).html( function ) innerHTML() = html() https://jsfiddle.net/jywoo/qjLfr6py..