함수

 

 

제이쿼리에서 함수를 표현하는 방법에 대해 배워보자.

 

자바스크립트는 HTML 문서가 전부 로드가 된 이후 실행이 되어야하는 규칙이 존재하기 한다. 특별히 문제가 발생하지 않지만 아직 존재하지않는 HTML 요소에 속성을 다루고자할때 문제가 발생할 수 있다.

따라서 자바스크립트에서 HTML 문서를 전부 로딩하고 실행되는 함수를 아래와 같이 표현하였다.

window.onload = function(){    // HTML 문서를 다 읽고 실행하는 함수
    실행문
    ...
}

 

 

제이쿼리에서도 똑같은 기능을 수행하는 함수를 아래와 같이 표현가능하다.

$(document.ready(function(){    // 구버전
    실행문
    ...
}));

$(function(){    // HTML 문서를 다 읽고 실행하는 함수
    실행문
    ...
});

 

 

위에서는 웹 브라우저, 즉 HTML 문서를 모두 로드되고 실행되는 함수를 다뤘다. 다음으로 창을 모두 로드한 후 실행되는 함수를 알아보자.

 

$(window).load( function() { // 창이 전부 로드된 후 실행하는 함수
   실행문
   ...
});