JAVASCRIPT#59 - jQuery .on() detach에 대해여

Is... dat so?

JAVASCRIPT#59 - jQuery .on() 이벤트 핸들러

1. .on() 이란?
- 이벤트를 읽어서 해당 이벤트가 발생하면 어떠한 액션을 실행하는 함수.

- .on()의 형태 : $(실행주체1).on(이벤트, 실행주체2, 액션);

- 실행주체2 ? : 실행주체1의 하위요소를 액션의 주체를 지정하고 싶을때 써주는 제2의 셀렉터라고 보면 된다.

2. 데이터와 DOM의 연결

- $("#enemy").data("hp", 30);

- 이렇게 해주면 enemy 라는 div요소는 hp값 30을 가지게 된다.

3. DOM 추가와 삭제

- .append() : 뒤에 추가하기

 

$("#field").append("<div id="enemy>(-_-)</div>");

- .prepend() : 앞에 추가하기

- .html() : 대체하기

- .remove() : 제거하기

- .detach() : 분리하기(데이터 제거하지 않아서 재사용가능. 그냥 화면성 지우는것. 잘라내기와 같음.)

$("#enemy").detach(); // 삭제

$("#enemy").appendTo("#field"); // 리스폰