반응형
제이쿼리 선택자
$(선택자).동작함수();- 달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다.
- 선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택한 요소를 제어할 수 있다.
$()함수
$()함수는 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할을 한다.
이렇게 생성된 요소를 제이쿼리 객체(jQuery object)라고 한다.
라이브러리에 미리 구현된 객체의 메소드를 사용하여 여러 동작을 설정할 수 있다.
Document 객체의 ready() 메소드
자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야한다.
ready() 메소드를 이용하여 문서가 모두 로드된 뒤에 코드가 실행되도록 설정한다.
$(document).ready(function() {
제이쿼리 코드;
});- jQuery 3.0 버전 이후에서는 사용하지 않는 것을 권장한다.
- ready() Event는 1.8버전에서는 deprecated 되었으며 3.0에서는 지원하지 않기 때문이다.
$(function(){
// 실행할 기능을 정의해주세요.
});- 위의 코드와 같은 결과를 보장하는 더욱 짧은 문법을 제공하고있다. (권장하는방식)
반응형