jQuery 페이지 준비 확인, 선택자

1 2 3

$(document).ready(function () {            alert('페이지 준비가 완료 되었습니다'); };

cs

문서준비가 완료되면 실행을 시키는 이벤트이다.

앞으로 이러한 이벤트를 많이 보게 된다고한다. 하하하

저 위의 코드에서 

document는 선택자

ready는 액션

코드를 실행하는 함수인 alert가 파라미터가 된다.

선택자를 이용하여 열 엘리먼트를 선택할 수 있다.

$('tr');

$('p');

$('div');

$('h1');

$('input');

위 명령어를 실행하면 아무선 일이 일어나지 않게 된다.

그냥 위의 엘리먼트를 선택만 한다. 

이렇게 선택자를 이용하여 선택을 해주면 특정 부분만 바꿔줄수 있다.

저런 엘리먼트 뿐만 아니라,

클래스나 테이블도 선택을 할 수 있다.

$('.data');

이렇게 클래스를 선택할 수 있다.

앞에 .을 붙인것은 클래스라는 의미이다.

이렇게 클래스명만 있으면 data라는 클래스를 가진 모든 테이블도 선택이 된다.

그래서 좀더 명시적으로

$('table.data');

이런식으로 특정 테이블의 data클래스를 선택을 하게 된다.