[JQuery] 개요 및 ready()함수

김장환·2022년 7월 28일

JQuery

목록 보기
1/5

JQuery 1일차

제이쿼리 개요

-제이쿼리는 자바스크립트를 이용해 만든 라이브러리 언어
-라이브러리 언어란 자바스크립트로 만들어진 다양한 함수들의 집합이다.


제이쿼리 라이브러리 연동하기

다운로드 방식
네트워크 전송방식


ready()함수

ready함수의 변화 과정


(1) 옛날에 쓴 방법으로 onload를 이용
      <script>
      function test(){
          alert("jQuery소개");
      }
      </script>
      ----------------------------
      <body onload="test()">
      </body>

(2)불러오는 문서의 내용이 복잡(화면디자인이 복잡)하면 속도가 느려지는 단점이있다.
   그래서 발전된 방법

형식) window.on이벤트종류명=호출할 함수명 또는 익명함수
        <script>
            window.onload=function(){
                alert("jQuery 소개2");
            }
        </script>

(3) 속도가 빠른 jquery ready()함수를 이용
	onload 처럼 문서를 읽어들여서 맨 처음 실행할 구문이 있다면사용
    
      <script>
          $(document).ready(function(){
              alert("ready()를 이용해서 함수를 호출합니다.")
          })
      </script>

(4) document 생략가능 (document도 쓰기 넘 길다)

      <script>
          $().ready(function(){
              alert("함수를 호출2")
          })
      </scrpt>

(5) ready도 생략하며 ()안에 function을 넣는방법으로 제일 간단하며 가장 많이쓰는 방법이다.

      <script>
          $(function(){
              alert("함수를 호출3")
          })
      </script>

2022-07-28

1개의 댓글

comment-user-thumbnail
2022년 7월 28일

도움됬어요 앙기무찌ㅋㅋ

답글 달기