[JQuery] 필기

Java Script : client(front) - view (보여지는 것)

                화면의 resource(input)의 값을 설정, 취득하는 처리 DOM(nodelist, getElementById)

JQuery : Java Script 경량화, 간략화

Ajax(비동기 통신)

( 동기 ? 비동기?)

- 동기 : 웹 브라우저에서 서버에 요청을 보내고 응답을 받을 때,

모든 정보를 다 받기 때문에 화면이 하얗게 되는 현상이 나타난다.

응답이 끝날 때 까지 다른 작업을 할 수 없다.

- 비동기: 일부의 정보만 요청하기 때문에 화면이 하얗게 되는 현상이 없다.

다른 작업이 가능하다

react, vue (Java Script를 구현한 엔진이라고 보면된다.)

 

 

 

JQuery 형식

$( tag명, id, class, name ).핸들러 함수(매개변수) onclick(JS)

let val = document.getElementById("id").value; getter

document.getElementById("id").value = "abc123"; setter

document.getElementById("demo").innerHTML 일반태그 (output만 있음)

 

JavaScript          JQuery

value                val()

innerHTML         html()

                       text()

 

* 실행 시 필수 *

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

(W3School에서 가져올 수 있다)

 

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

(파일이 있어야 하고 그 파일은 이클립스 안에 넣어 놓음)

 

<script type="text/javascript" src="http://code.jquery.com/jquery-3.5.1.min.js"></script>

(구글에서 가져옴)

 

세개의 링크 중 아무거나 골라서

</head> 윗부분 또는 <script type="text/javascript"> 윗부분에 장착!

버전은 확인 할 것.