웹표준 html,css,javascript 실무 과정 자료] jQuery흐름







웹표준 html,css,javascript 실무 과정 자료] jQuery흐름

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


jQuery흐름


1. 어디에 대해서   → 셀렉터



2. 무엇을 하고     →  메소드



3. 어떤 타이밍에서 →  이벤트



웹표준 html,css,javascript 실무 과정 자료] javascript 실행 순서







웹표준 html,css,javascript 실무 과정 자료] javascript 실행 순서

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


javascript 실행 순서


■ $(document).ready(function() {

   //html을 읽은 후에 처리되는 부분

});


■ <head>태그안에 있어도 가장 마지막에 처리된다

단축형 →  $(function() {

               //처리

                });



웹표준 html,css,javascript 실무 과정 자료] jQuery라이브러리 준비







웹표준 html,css,javascript 실무 과정 자료] jQuery라이브러리 준비

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


jQuery라이브러리 준비


■ jQuery를 다운로드 해서 사용


■ jQuery를 다운로드하지 않고 사용(CDN방식)


■ jQuery 웹사이트

  - http://jquery.com 

  - 현재 최신버전 : 3.1.1


<script src="jquery-3.1.1.min.js"></script>

<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>



웹표준 html,css,javascript 실무 과정 자료] jQuery







웹표준 html,css,javascript 실무 과정 자료] jQuery

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.



jQuery


■ JavaScript라이브러리의 일종


■ 복잡한 자바스크립트를 간단하게 사용 가능


■ HTML, CSS 처리 가능


■애니메이션 처리


■ Ajax 처리


■ 플러그인 확장



웹표준 html,css,javascript 실무 과정 자료] 다운로드 진척도 표시







웹표준 html,css,javascript 실무 과정 자료] 다운로드 진척도 표시

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


다운로드 진척도 표시


■ Progress 이벤트 사용


■ load이벤트 혹은 progress이벤트의 콜백함수 사용




웹표준 html,css,javascript 실무 과정 자료] 폼 POST 송신







웹표준 html,css,javascript 실무 과정 자료] 폼 POST 송신

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


폼 POST 송신

■ 폼을 비동기로 전송하기 위해 FormData 객체를 사용

■ var fd = new FormData(form_el);
   - form_el은 form요소의 노드객체를 지정함

■ xhr.open(“POST”, “form”);

■ xhr.send(fd);


웹표준 html,css,javascript 실무 과정 자료] 수신 데이터 종류







웹표준 html,css,javascript 실무 과정 자료] 수신 데이터 종류

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


수신 데이터 종류


웹표준 html,css,javascript 실무 과정 자료] 응답의 결과 속성







웹표준 html,css,javascript 실무 과정 자료] 응답의 결과 속성

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.


응답의 결과 속성



+ Recent posts