세라공원

[jQuery] jQuery 시작하기 본문

javaScript

[jQuery] jQuery 시작하기

세라박 2022. 12. 7. 01:07

library
: 전 세계에 많은 개발자들이 만들어 놓은 코드.
공개되어 있는 코드.

jQuery
: html 코드를 바꾸거나 혹은 요청을 만듦.

cdn
: 웹 사이트에 나와있는 링크 복사.

jQuery cdn : release.jquery.com
slim : 분리해 놓은 것. 가볍게 만들어 놓은 것.
minified : 전부 다 들어있음


크롬 개발자 도구에 $("#test").text('안녕하세요');

화면에 안녕하세요 출력됨.

$ : 제이쿼리 사용한다는 의미.

제이쿼리 인디케이터(아이디 속성 값을 이용해 인디케이터 사용)
# : 아이디 속성 값.
. : 가지고 있다.
 id 속성값이 test인 태그를 가리켜줘라.
text : 동작을 만들어내는 기능.
console.log( $("#test").text() ); => 화면에 안녕하세요 출력.
괄호 안에 아무 값을 넣지 않으면 그 안에 있는 값을 가져온다.

<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
    </head>
    <body>
        <div id="test"></div>
    </body>
</html>

 

 

 

개발자 도구 화면에 코드 입력.

 

 

Comments