jQuery 예제

“자바스크립트 라이브러리 jQuery의 자주 사용하는 심플한 예제를 정리했습니다. ”

공식사이트 : https://jquery.com/

### 바로가기 ###
자바스크립트 기초 정리
자바스크립트 메소드 정리
>> jQuery 예제


1.  준비사항
1) jQuery 다운로드 후 웹서버 업로드 합니다.
https://jquery.com/download/
2) 기타 플러그인 사용시 플러그인 다운로드 후 웹서버 업로드 합니다.
– jquery-validation : https://github.com/jquery-validation/jquery-validation

2. 설명
1) 정의 : jQuery를 쉽게 정의하면? 어떤 엘리먼트(Element)를 선택하는 방법과 해당 엘리먼트에 무언가를 하도록 하는것 입니다.
2) 간단한 예시와 문법설명

3) 엘리먼트를 선택하는 방법 즉 셀렉터는 다음과 같은 형태로 사용됩니다.

4) 무언가를 하는(엘리먼트 제어) 방법은 다음과 같은 형태로 사용됩니다.
① 스타일변경 : css, show, hide, width, height
② 내용 속성변경 : text, html, attr, val, addClass, removeClass
③ 애니메이션 : fadeIn, fadeOut, slideDown, slideUp, animate
④ 요소 만들기, 지우기 : append, appendTo, prepend, prependTo, remove

3. 예제
1) 입력값 검증

2) 키보드 단축키

3) select box 선택항목에 따라 checkbox 활성화

4) input 값이 empty 아닌 경우에만 submit 버튼 활성화

5) jquery ajax

6) multiple select

7) text inputbox 공백 허용 하지 않기

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.