코딩룸*◡*

1. 절대좌표(전역좌표) offsetoffset 메소드는 요소의 위치정보를 가져온다.전역 좌표(절대 좌표)라고도 하는데, 최상위 노드인 Document의 left:0; top:0; 위치를 시작점으로 하는 위치값을 의미한다.반응형 또는 모바일 환경에서 하단 또는 특정 위치에 고정된 값을 가지며 따라다니는 것들을 구현하기 위해 좌표값이 필요한데, offset이 해당 위치값을 알거나 또는 이동할 수 있는 함수이다. 2. offset().top // offset().left1) .offset().top // 상단을 기준으로 엘리먼트 요소가 위치한 거리를 절대좌표로 반환2) .offset().left// 좌측을 기준으로 엘리먼트 요소가 위치한 거리를 절대좌표로 반환 This is a paragraph. Retur..

콘텐츠1 콘텐츠2 콘텐츠3 콘텐츠1 콘텐츠2 콘텐츠3

반응형웹을 만들게 되면 화면 크기에 따라 이미지를 제어해야 하는 경우가 생긴다.jquery를 이용해 어떻게 할 수 있을지 생각해보자. 1. .resize() 선언resize를 이용하여 화면 크기의 변경을 체크한다.선언하자마자 바로 불러와 계속해서 체크할 수있도록 해준다. $(function((){$(window).resize(function(){}).resize();}); 2. 현재 화면의 크기를 변수에 저장일단 현재 화면의 크기를 변수에 저장한다. $(function((){$(window).resize(function(){var width = window.innerWidth;}).resize();}); 3. 원하는 화면 사이즈마다 이미지의 주소를 변경if~else 구문과 .attr()을 이용하여 wid..

슬라이드 배너는 구글에서 검색해보면 플러그인으로서 셀 수없이 많이 접할 수 있다. 그러나 정작 직접 만들 수 있는 사람이 몇이나 될지 궁금해졌다. 그래서 내가 한번 직접 만들어보고자 주제로 정했다. 1. 생각해보기1) 이전, 다음 버튼을 클릭했을 때 이미지가 변경되는 기능 짜보기 이미지를 포함하고 있는 ul 요소에 animate() 메서드를 적용하는 방법으로 만들어보자. 수정중...

차이점1. 사용패턴이 다름 ( on은 그페이지가 시작될때 실행되고, click은 페이지가 시작되고 나서 실행됨?) 2. click을 쓰면 많은 요소들은 많은 개별 핸들러를 필요로 해서 메모리 사용량이 증가됨 3. click은 기존의 핸들러들에 동적으로 추가된 요소들이 안먹힘ex)Add newalert! 4. on은 하나의 핸들러가 동적으로 새롭게 만들어지는 요소들을 포함해서 대응되는 모든 요소들을 다루고 있다.ex)$("div#container").on('click', 'button.alert', function() { alert(1); }); 5. on이 click보다 메모리를 덜 먹고 동적으로 생성되는 요소들이 잘 작동함 6. on은 .off('click' )으로 보통 없앨 수 있다. 결론: .on(..