웹개발 수업/jQuery (6) 썸네일형 리스트형 [Day +69 / jQuery 과제]4. Event 3개 실습 보호되어 있는 글입니다. [Day +69 / jQuery]기초(8. 이벤트 연결 메소드, 9. Effect, 10. Animate) 211001 금 이벤트 연결 메소드 mouseenter/mouseleave mouseover/mouseout mouseenter-mouseleave : 자식 요소 접근 시에는 이벤트 핸들링하지 않음 mouseover-mouseout : 자식 요소 접근 시에도 이벤트 핸들링 함 키보드 이벤트 keydown : 키보드가 눌려질 떄 keypress : 글자가 입력될 때(기능키 사용 불가) keyup : 키보드가 뗴어질 때 동적으로 글자 수 세기 0/150 동적으로 아이디 조건 확인 - 첫 글자는 반드시 영문 소문자 - 영문 소문자와 숫자로만 이루어짐 - 총 6~12자 아이디 : 입력 양식 이벤트 회원가입 이름 아이디 비밀번호 비밀번호확인 시각적 효과 Effect 메소드 : 페이지에 애니메이션 효과를 만들기 위.. [Day +68 / jQuery 과제]2. filter, 3. method 실습 보호되어 있는 글입니다. [Day +68 / jQuery]기초(5. 객체 탐색, 6. 객체 조작, 7. 이벤트) 210930 목 필터링 메소드 선택자로 지정한 객체를 기준으로 객체 그룹에서 위치를 통해 객체를 선택하는 메소드 test-1 test-2 test-3 test-4 test-5 test-6 순회(탐색) 메소드 조상 메소드 : 선택된 요소의 상위 요소들을 선택할 수 있는 메소드 $('selector').parent() -선택된 요소의 바로 위 상위 요소 $('selector').parents([매개변수]) -선택된 요소의 모든 상위 요소 리턴 -매개변수가 있으면 매개변수와 일치하는 부모만 리턴 $('selector').parentsUntil(매개변수) -선택된 요소부터 매개변수 요소까지 범위의 요소 리턴 div (great-grandparent) ul (grand parent) li(direct parent.. [Day +67 / jQuery 과제]1. 기초 보호되어 있는 글입니다. [Day +67 / jQuery]기초(1. jQuery, 2. jQuery 선택자1, 3. jQuery 선택자2, 4. jQuery 선택자3) 210930 수 jQuery 개요 jQuery란? 기존 복잡했던 클라이언트 측 HTML 스크립팅을 간소화하기 위해 고안된 JavaScript 라이브러리로 적은 양의 코드로 빠르고 풍부한 기능을 제공함 jQuery 연결 방법 - head 태그 내부에 script 태그 선언 오프라인 / 온라인 상태에 따라 파일 경로 지정 -jQuery 공식 사이트 : https://jquery.com -jQuery 라이브러리 제공 페이지 : https://code.jquery.com 1. jQuery 라이브러리 다운로드를 통한 연결 - js 파일을 다운로드하여 파일 경로 지정 2. CDN(Content Deli.. 이전 1 다음