J-Query_객체편집메서드

객체 조작 메서드

• 객체를 생성,복제,삭제,속성변환하는 객체 조작 메서드
• 속성조작메서드, 수치조작메서드, 객체편집메서드로 나뉨

객체 편집 메서드
요소의 속성을 조작할 때 사용하는 메서드

before() 선택한 요소의 이전 위치에 새 요소 추가

$("요소 선택").before("새 요소");

after() 선택한 요소의 다음 위치에 새 요소 추가

$("요소 선택").after("새 요소");

append() 선택한 요소의 마지막 위치에 새 요소 추가

$("요소 선택").append("새 요소");

appendTo() 선택한 요소의 마지막 위치에 새 요소 추가

$("새 요소").appendTo("요소 선택");

prepend() 선택한 요소의 맨 앞 위치에 새 요소 추가

$("요소 선택").prepend("새 요소");

prependTo() 선택한 요소의 맨 앞 위치에 새 요소 추가

$("새 요소").prependTo("요소 선택");

insertBefore() 선택한 요소의 이전 위치에 새 요소 추가

$("새 요소").insertBefore("요소 선택");

insertAfter() 선택한 요소의 다음 위치에 새 요소 추가

$("새 요소").insertAfter("요소 선택");

clone()
선택한 문서 객체를 복제합니다.
인자값이 true일 경우 하위 요소까지 모두 복제,
false일 경우 선택 요소만 복제

$("요소 선택").clone(true or false);

empty() 선택한 요소의 하위 내용을 모두 삭제

$("요소 선택").empty();

remove() 선택한 요소를 삭제

$("요소 선택").remove();

replaceAll() 선택한 요소들을 새 요소로 교체
replaceWith() 선택한 요소의 부모요소 삭제

$("새 요소").replaceAll("요소 선택");
$("요소 선택").replaceWith(새 요소);

unwrap() 선택한 요소의 부모요소 삭제

$("요소 선택").unwrap();

wrap() 선택한 요소를 새 요소로 wrap

$("요소 선택").wrap(새 요소);

wrapAll() 선택한 요소를 새 요소로 한꺼번에 wrap

$("요소 선택").wrapAll();

wrapInner() 선택한 요소의 내용을 새 요소로 각각 wrap

 $("요소 선택").wrapInner(새 요소);