05/17 JQUERY

#객체의 개수 세기

객체.length -객체의 개수

$(document).ready(함수); - body를 그린 후 함수 실행(=window.onload와 비슷)

 

실행 순서는 ready...... --> window.onload

 

#이벤트 생성

객체.on(이벤트 타입, 함수); 

해당 타입의 이벤트 발생 시 함수 실행.(여기서 주체 및 대상은 객체가 된다.)

 

객체.on(이벤트 타입, 셀렉터, 함수); 

객체에 이벤트를 할당한다. 이벤트 발생 시 위치가 셀렉터에 해당하는 경우 함수를 실행한다.

객체(이벤트 수유주)가 실행되면 자동으로 셀렉터(이벤트 발생 대상) 를 가진 것에 대해 함수가 실행된다. 

$(this)는 이벤트 대상 객체를 이야기한다.

#is 와 prop의 차이

$("#call").is(":checkbox") -- 이게 체크 박스가 맞아?(셀렉터에 해당되는가?)

$("#call").prop("checked") -- 이거 체크되있는거야?(속성에 대한 이야기가 아닌 상태의 이야기다, 기준상태를 돌려줌) 

 

#.each

반복문을 jquery에서 사용하는 경우이다.

#.APPEND, .PREPEND

객체.append(값); -> 객체의 내용 끝에 값을 추가한다.

객체.prepend(값); ->객체의 내용 앞에 값을 추가한다.

객체.html(값); -> 객체의 내용을 값으로 변경한다.

객체.html(); -> 객체의 내용을 가져온다.