선택자

$(document).ready

$(document).ready(function(){

});

-> 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 뜻

- 제이쿼리 이벤트 메서드 중 하나

$(document).ready() 와 비슷한 기능을 하는 이벤트 -> window.load이벤트

window.onload = function(){ }

- 고전 이벤트는 한번에 하나만 연결할 수있으나 jqurey 이벤트는 여러개의 함수를 연결할 수 있다.

https://jsfiddle.net/6poe76mn/

- 축약형태 

$(document).ready(function(){  });   = $(function(){  });

1. 전체 선택자 

$('*')

- html 페이지의 모든 문서 객체를 선택하는 선택자

2. 태그 선택자

$('태그명')

- 특정한 태그를 서낵하는 선택자. 태그이름으로 사용

3. 아이디 선택자

$('#아이디명')

- 특정한 id속성이 있는 문서 객체를 선택하는 선택자.

4. 클래스 선택자

$('.클래스명')

- 특정한 class 속성이 있는 문서객체를 선택하는 선택자, 두가지 속성(태그와 클래스)를 붙여서 사용하고 싶을 때는 붙여 쓴다.

https://jsfiddle.net/jywoo/hvfano4g/

5. 자손 선택자 

$('요소A > 요소B')

- 자손을 선택하는 선택자.  요소A > 요소B 형태로 사용

6. 후손 선택자

$('요소A 요소B')

- 후손을 선택하는 선택자. 요소A 요소B의 형태로 사용하며 요소A의 후손으로 범위를 한정한다.

https://jsfiddle.net/jywoo/70s60ks0/2/

https://jsfiddle.net/jywoo/x1fbdht5/