top

조작 메서드


조작메서드
종류 제이쿼리 예시 자바스크립트 설명
복사 .clone $("select").clone() .clone()은 선택한 요소를 복제합니다.
추가 .wrap $("select").wrap() .wrap()은 선택한 요소를 원하는 태그로 감쌉니다.
.wrapAll $("select").wrapAll() .wrapAll() 메서드는 선택한 요소 부모 요소를 감쌉니다.
.wrapInner $("select").wrapInner() 선택한 각각의 요소에 각각 새로운 태그를 추가합니다.
.append 👍🏻 $("select").append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다.
.appendTo 👍🏻 $("select").appendTo() .appendTo()는 선택한 요소를 다른 요소 안에 넣습니다.
.prepend() 👍🏻 $("select").prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다.
.prependTo() 👍🏻 $("select").prependTo() .prependTo() 메서드는 선택한 타겟 처음 위치에 새로운 요소를 추가합니다.
.after() $("select").after() .after()는 선택한 요소 뒤에 새 요소를 추가하거나, 다른 곳에 있는 요소를 이동시킬 수 있습니다.
.before() $("select").before() .before()는 선택한 요소 앞에 새 요소를 추가하거나, 다른 곳에 있는 요소를 이동시킬 수 있습니다.
.insertAfter() $("select").insertAfter() 요소를 삽입할 곳 뒤에 추가
.insertBefore() $("select").insertBefore() 요소를 삽입할 곳 앞에 추가
.html() 👍🏻 $("select").html() innerHTML .html()은 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꿉니다. .text()와 비슷하지만 태그의 처리가 다릅니다.
.text() 👍🏻 $("select").text() innerText .text()는 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꿉니다. .html()과 비슷하지만 태그의 처리가 다릅니다.
삭제 .datach $("select").datach() 선택한 요소의 데이터를 설정하거나 반환합니다.
.empty $("select").empty() .empty()는 선택한 요소의 내용을 지웁니다. 내용만 지울 뿐 태그는 남아있다는 것에 주의합니다.
.remove() $("select").remove() .remove()는 선택한 요소를 HTML 문서에서 제거합니다.
.unwrap() $("select").unwrap() .unwrap()은 선택한 요소의 상위 태그를 제거합니다.
대체 .replaceAll() $("select").replaceAll() - replaceAll() 함수는 대상 문자열을 원하는 문자값으로 변환하는 함수이다.
.replaceWidth() $("select").replaceWidth() .replaceWith()는 선택한 요소를 다른 것으로 바꿉니다.