제이쿼리 메소드

엘리먼트 조작 메소드

$('선택자').append('추가 노드')

.preaend 첫번째에 추가

.after 형제 엘리먼트로 추가

.empty 노드 내용비움

.remove 노드 제거

.wrap 특정노드로 감쌈

DOM트리 속성 조작 메소드

$().attr(속성명) 속성값 반환

$().attr(속성명,속성값) 속성값 설정

$().remove(속성명)

프로그래밍 관련메소드

$().html() 하위 모든 노드를 html형식문자열로 반환

$().html() html문자열 추가

$().text() 텍스트 형식으로 반환

$().size() 노드갯수 반환

$().each(함수)

console.log("msg")

var 변수명

var $변수명 -> 제이쿼리용으로 구분함, 두개다 상관은 없음.

이벤트

$('선택자').이벤트메소드(함수명);

$('선택자').bind('이벤트메소드',함수명);

function f(){

alert("hi");

}

$('div').click(f);

$('div').click(function(){ alert(hi); }); //한줄에 선언

click

hover 마우스를 올려놓을때

toggle 클릭할때마다 번갈아 발생

focus 포커스를 얻을떄

blur 벗어날때

select 폼화면 객체를 선택할때

keydown

ready 문서가 읽혀질때

unload 문서가 사라질때