jQuery - 메서드와 이벤트

html(), text(), val() 메서드

html()

요소에 작성된 내용을 태그 포함해서 얻어옴. html("내용") 으로 작성 시 요소에 내용을 출력

text()

요소에 작성된 내용을 태그 포함하지 않고 얻어옴. text("내용") 으로 작성 시 요소에 내용을 출력

val()

value 속성을 얻어옴(ex)input 등). val("내용")으로 작성할 시 value 속성의 값을 지정

객체 삽입 메서드

$(A).append(B)

A요소 내 뒷부분에 B 추가(자식)

$(A).prepend(B)

A요소 내 앞부분에 B 추가(자식)

$(A).after(B)

A요소 뒷부분에 B를 추가(형제)

$(A).before(B)

A요소 앞부분에 B를 추가(형제)

$(B).appendTo(A)

B를 A요소 뒷부분에 추가(자식)

$(B).prependTo(A)

B를 A요소 앞부분에 추가(자식)

$(B).insertAfter(A)

B를 A요소 뒤에 추가(형제)

$(B).insertBefore(A)

B를 A요소 앞에 추가(형제)

empty(), remove(), detach()

empty()

자식 요소를 모두 제거

remove()

자식 요소를 잘라내고 관련 이벤트를 모두 삭제

detach()

자식 요소를 잘라내고 관련 이벤트는 같이 잘라냄

input태그 관련 이벤트

focus : input 태그에 포커스가 맞춰졌을 때

ex) text인 경우 커서가 깜빡거릴 때

blur : 포커스가 해제 되었을 때

change : input 태그의 값이 변했을 때

1) checkbox, radio, select(마우스 선택 요소)

2) text 관련 요소(키보드로 값을 변경하는 요소)

select : 선택한 요소 입력 영역 값에 블럭이 설정된 경우

input : 입력과 관련된 모든 이벤트