jQuery
1.[jQuery 1-1] jQuery 라이브러리
◈ script 태그를 사용하여 jQuery 라이브러리 파일을 웹문서에 포함해야만 jQuery 관련 기능 사용 가능→ https://www.jquery.com 사이트 참조→ 1.X : IE9 이하, 2.X or 3.X : IE10 이상→ 미압축파일(uncomp
2.[jQuery 1-2] 선택자(Selector)
→ 검색된 태그로 jQuery 객체를 생성한 후 메소드 호출→ 다수의 태그가 검색된 경우 묵시적 반복에 의해 다수의 jQuery 객체가 생성되어 메소드 호출→ 태그 선택자와 구분하기 위해 . 으로 시작→ 태그 선택자와 구분하기 위해 $("→ Object 객체의 요소를
3.[jQuery 1-3] each·css·attr 메소드
◈ 선택자에 의해 다수의 태그가 검색되면 태그 갯수만큼 jQuery 객체를 생성하여 메소드 호출→ 묵시적 반복 : 검색된 모든 태그를 jQuery 객체로 생성하여 메소드를 반복적으로 호출→ 검색된 모든 태그에 동일한 기능 구현↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑같은 결과값↓↓
4.[jQuery 2-1] text 메소드와 html 메소드
→ HTML 태그를 제외한 태그내용 반환→ 변경될 태그내용에 HTML 태그가 포함된 경우 일반 문자값으로 처리→ 변경될 태그내용에 HTML 태그가 포함된 경우 HTML 태그로 처리─────────────────────────────────────→ 콜백함수는 검색된 태
5.[jQuery 2-2] 태그(Element 객체)의 추가·삭제·이동
◈ $변수명 형식으로 jQuery 객체를 저장한 변수를 표현 - jQuery 메소드 호출$("").prependTo($("$("").prependTo($("\`\`\`─────────────────────────────────────→ 기존 태그를 검색하여 이동하거나
6.[jQuery 2-3] jQuery Event Handle
→ 이벤트 처리 함수를 등록하는 메소드→ 단축형 : 검색 태그에서 발생되는 하나의 이벤트에 대한 이벤트 처리 함수 등록→ 이벤트 처리 함수를 등록하는 메소드→ 일반형 : 검색 태그에서 발생되는 다수의 이벤트에 대한 이벤트 처리 함수 등록↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑같은
7.[jQuery 2-4] Mouse Event
◈ click : 태그에서 마우스 버튼을 누른 경우 발생되는 이벤트◈ dblclick : 태그에서 마우스 버튼을 두번 연속 누른 경우 발생되는 이벤트◈ mouseenter : 마우스 커서가 태그에 진입한 경우 발생되는 이벤트 - 이벤트 전달(버블링) 미발생◈ mouse
8.[jQuery 2-5] Key Event
◈ keydown : 태그에서 키보드를 누른 경우 발생되는 이벤트◈ keypress : 태그에서 키보드를 누르고 있는 경우 발생되는 이벤트 - KeyCode 제공◈ keyup : 태그에서 키보드를 뛴 경우 발생되는 이벤트 - KeyCode 제공◈ form 태그와 입력태
9.[jQuery 3-1] Scroll Event
🐧Scroll Event 🎨0.png ~ 9.png까지 1줄씩 출력되는 값 > 🎨스크롤 움직일시 메세지 출력 >#### 📌$(selector).scroll(callback) : 선택자로 검색된 태그(window 객체)에서 스크롤을 움직이는 이벤트가 발생된 경우
10.[jQuery 3-2] Form Event
◈ alert 없이 메세지 출력→ 사용자 입력값을 검증하고 모든 입력값에 대한 검증이 성공한 경우 제출 이벤트(Submit Event) 발생 - form 태그 실행→ focuout 메소드와 동일→ 모든 입력태그의 입력값 및 에러 메세지에 대한 초기화 처리$("\`\`\
11.👓[jQuery 3-3] Submit Event
🐧Submit Event >### 📃21submitevent.html
12.👓[jQuery 3-4] Input Required
🐧Input Required >### 📃22inputrequired.html