Library/jQuery(10)
-
10. jquery ui 플러그인
폼 유효성 검사, 슬라이더 등의 추가 기능을 별도의 js파일로 제공하는 jquery 라이브러리 코어 플러그인 코어 프로젝트의 일부로 간주되는 jquery의 확장 부분 ex) jquery UI 커뮤니티 플러그인 개발자들이 직접 개발한 것을 공개한 플러그인 plugins.jquery.com jquery ui플러그인 jquery에서 공식적으로 지정한 플러그인 많이 사용된 유명한 jquery플러그인을 모아 정리 jquery UI 플러그인의 메서드 형태 $(selector).플러그인이름("메서드이름") $(selector).darepicker("getDate") 플러그인 소스는 항상 jquery 라이브러리 소드보다 뒤에서 삽입해야 한다 datePicker Date: Date: 버튼 Accordion Section..
2023.03.28 -
9. 효과 관련 메서드
1. 기본 시각 효과 $(selector).method() $(selector).method(speed) $(selector).method(speed, callback) speed 효과를 진행할 속도를 지정 밀리 초 단위의 숫자 또는 문자열(slow, normal, fast) callback 효과를 모두 완료하고 실행할 함수 show Toggle slide Toggle fade Toggle 제목1 내용1입니다 제목2 내용2입니다 제목3 내용3입니다 show() / hide() show() 대상이 되는 모든 엘리먼트를 보이도록 한다 show(speed,[function]) speed : speed 수치 동안 보이도록 한다 function : speed의 수치가 끝났을 때, callback function ..
2023.03.28 -
8. 정규표현식
객체초기화 방법 var regExp = /정규표현식/[Flag]; flag의 종류 자주 사용하는 flag g-Global-문자열 내의 모든 패턴을 찾는다 i-ignore case - 문자열의 대소문자를 구별하지 않는다 m-multi line - 문자열이 행이 바뀌어도 찾는다 /^[0-9-+]+$/g ^는 시작, $는 끝을 의미 대괄호 안 0-9 : 0과 9사이의 숫자 -+ : -기호, +기호 대괄호 밖 : 패턴이 한번 또는 그 이상 반복된다는 의미 결과 0~9사이 숫자나 -기호, +기호만 사용할 수 있으며, 여러번 입력할 수 있다 /^[a-z0-9_]+$/g a-z사이 문자나 0-9사이 숫자나 언더바기호만 입력 가능 대괄호 밖 + : 배턴이 한번 또는 그이상 반복 대괄호 밖 * : 0번이상 반복, 입력 ..
2023.03.28 -
7. 이벤트 관련 메서드
이벤트 처리기 매핑 (event handler mapping) 이벤트가 발생하는 경우 특정 로직을 수행하기 위해 이벤트와 메서드를 연결 window.onload = pageLoad; 이벤트 :load 이벤트 처리기 : pageLoad 이 둘을 연결하기 위한 코드 : 매핑코드 이벤트 객체 자바스크립트 브라우저마다 이벤트 객체 사용방법이 다르다 브라우저마다 이벤트 객체 속성이 다르다 JQuery 모든 브라우저가 같은 방법으로 사용, 같은 속성을 가진다 속성 event.pageX : 브라우저 화면 기준 마우스 x좌표 event.pageY : 브라우저 화면 기준 마우스 y좌표 event.preventDefalut() : 기본이벤트 제거 event.stopPropagation() : 이벤트 전달 제거 1. jQu..
2023.03.28 -
6. 탐색메서드
개체에 접근할 때, 선택자 혹은 필터로 이루어지지만 추가적인 필터링이나 추가적인 탐색이 필요할 경우 사용 1. 추가 필터링 관련 메서드 셀렉터를 통해 1차적으로 일치되는 집합을 얻어낸 후, 그 집합에 대해 사용할 수 있는 메서드 fileter(), is(), not() 2차적으로 추가 필터링을 하거나, 특정 요소가 어떤 조건에 부합하는지 검사할 때 사용 eq(index) :eq와 동일 ("div:eq(1)") = 현재 문서에 있는 div 중 2번째로 등장하는 div 개체를 얻는다 현재 문서 집합에서 탐색 ("div").eq(1) = 현재 문서의 div를 셀렉트, 메모리에 올린 후 그 중 2번째로 등장하는 개체를 얻는다 div 집합에서 탐색 결과는 동일하지만, eq메서드는 end()메서드를 사용하여, 이전..
2023.03.28 -
5. css 관련 메서드
CSS 관련 메서드 토글 removeClass Attribute 관련 메서드 네이버
2023.03.28