jQuery 이벤트이벤트 객체 속성event.pageX : 브라우저 화면을 기준으로 한 마우스의 X 좌표 위치event.pageY : 브라우저 화면을 기준으로 한 마우스의 Y 좌표 위치event.preventDefault() : 기본 이벤트 제거event.stopPropagation() : 이벤트 전달 제거 윈도우 이벤트ready : 윈도우(문서 객체)가 준비 완료했을 때 발생load : 윈도우(문서 객체)를 불러들일 때 발생unload : 윈도우(문서 객체)를 닫을 때 발생resize : 윈도우(문서 객체)의 크기를 변화시킬 때 발생scroll : 윈도우(문서 객체)를 스크롤할 때 발생error : 윈도우(문서 객체)에 에러가 있을 때 발생// 윈도우 크기가 변경될 때 resize 이벤트 발생$(win..
jQuery 선택자태그 선택자태그 요소 이름을 직접적으로 명시하여 요소를 선택합니다.// 페이지의 모든 요소 선택$('p') id 선택자특정 id를 가지는 요소를 선택합니다.// id가 'userName'인 요소 선택$('#userName') class 선택자특정 class를 가지는 요소를 선택합니다.// 클래스명이 'user-group'인 요소 선택$('.user-group') 자식 선택자특정 요소의 1차 자식 요소를 선택합니다.'요소A > 요소B'의 형태로 사용합니다.// body 요소의 모든 직접 자식 요소 선택$('body > *') 후손 선택자특정 요소의 후손(모든 자식) 요소를 선택합니다.'요소A 요소B'의 형태로 사용합니다.// form의 자식 요소들 중 input에 해당하는 모든 자식 ..
JavaScriptJavaScript는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 프로그래밍 언어입니다.이는 클라이언트 측의 스크립트 언어로, 웹 브라우저에서 실행됩니다.동적 콘텐츠 : HTML 및 CSS는 정적인 콘텐츠를 제공하지만, JavaScript는 웹 페이지에 사용자 상호작용, 애니메이션, 폼 검증 등의 동적인 동작을 추가할 수 있습니다.브라우저 제어 : 브라우저 내의 HTML 및 CSS를 조작하여 웹 페이지의 콘텐츠와 스타일을 동적으로 변경할 수 있습니다.비동기 통신 : 서버와의 비동기 요청을 통해 데이터를 주고받을 수 있습니다. (AJAX) Hello, World! Change Text jQueryjQuery는 JavaScript를 더 쉽게 사용할 수 있도록 해주는 ..
