Juqery 학습 5 문서 처리 Insertion_jquery

append(content)
일치하는 각 요소에 콘텐츠를 추가합니다.
이 작업은 지정된 요소에 대해appendChild 메서드를 실행하여 문서에 추가하는 것과 유사합니다.
---------------------------------- --- ---------------------
일치하는 모든 요소 내부에 콘텐츠를 추가합니다.
이 작업은 지정된 모든 요소에 AppendChild를 수행하여 이를 문서에 추가하는 것과 유사합니다.
반환 값
jQuery
매개변수
콘텐츠(문자열, 요소, jQuery): C 대상에 추가됩니다.
예제
콘텐츠는 모든 단락에 일부 HTML 태그를 추가합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").append("안녕하세요");
결과:
[

하고 싶은 말: 안녕하세요

]
-
------------ - ------------------------------------------------- - ------------------------------------------------- - ------------------
appendTo(content)
모든 일치 항목 추가 요소는 지정된 다른 요소 집합에 추가됩니다.
실제로 이 방법을 사용하면 기존의 $(A).append(B) 작업이 반전됩니다. 즉, B를 A에 추가하는 대신 A를 B에 추가합니다.
---------------------------------- --- ----------------------------------
일치하는 모든 요소를 ​​지정된 다른 요소에 추가합니다. , 요소 집합
이 작업은 기본적으로 일반 $(A).append(B)를 수행하는 것과 반대입니다. 즉, B를 A에 추가하는 대신 A를 B에 추가하는 것입니다.
반환 값
jQuery
매개변수
content(String): 추가된 콘텐츠에 사용
예
ID 값이 foo인 요소에 모든 단락을 추가합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").appendTo("#foo") ;
결과:

------ ------ ------------------ ------ ------------------ ------ -------------
prepend(content)
일치하는 각 요소 안에 콘텐츠를 추가합니다.
이것은 일치하는 모든 요소의 시작 부분에 콘텐츠를 삽입하는 가장 좋은 방법입니다.
---------------------------------- --- ----------------------------------
일치하는 모든 요소 내부에 콘텐츠를 추가합니다.
이 작업은 일치하는 모든 요소의 시작 부분에 요소를 삽입하는 가장 좋은 방법입니다.
반환 값
jQuery
매개변수
콘텐츠(문자열, 요소, jQuery): 대상 요소에 삽입 프런트엔드 콘텐츠
예시
모든 단락 앞에 일부 HTML 마크업 코드를 추가합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").prepend("안녕하세요");
결과:
[ 안녕하세요

하고 싶은 말:

]
---- ------------------------------------- ------------
모든 단락 앞에 DOM 요소를 배치하세요
HTML 코드:

하고 싶은 말:

I 말하고 싶은 말:

안녕하세요
안녕
jQuery 코드:
$("p").prepend( $ (" .foo")[0] );
결과:

안녕하세요하고 싶은 말:

안녕하세요I 전하고 싶은 말:

안녕하세요
안녕
---------------- -- ------------------------------------------------ -- --------------
JQuery 객체(DOM 요소 배열과 유사)를 모든 단락 앞에 추가합니다.
HTML 코드:

하고 싶은 말:

안녕하세요
jQuery 코드:
$("p").prepend( $("b ") );
결과:

안녕하세요하고 싶은 말:

---------------- ------------------------------------- ------------------------------------- ------------------
prependTo(content)
일치하는 모든 요소를 ​​다른 요소 앞에 추가합니다. 지정된 요소 요소 컬렉션.
실제로 이 방법을 사용하면 기존의 $(A).prepend(B) 작업이 반전됩니다. 즉, B를 A 앞에 추가하는 대신 A를 B 앞에 추가합니다.
---------------------------------- --- ----------------------------------
일치하는 모든 요소를 ​​다른 요소 앞에 추가합니다. , 요소 집합
이 작업은 기본적으로 일반 $(A).prepend(B)를 수행하는 것과 반대입니다. 즉, B를 A 앞에 추가하는 대신 A를 B 앞에 추가하는 것입니다.
반환 값
jQuery
매개 변수
content(String): 요소를 일치시키는 데 사용되는 jQuery 표현식
예
ID 값이 foo인 요소에 모든 단락을 추가합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").prependTo("#foo") ;
결과:

---------------------------------- --- ---------------------------------- --- ---------------------------------- ---
after(content)
일치하는 각 요소 뒤에 콘텐츠를 삽입합니다.
---------------------------------- --- ----------------------------------
일치하는 각 요소 뒤에 콘텐츠를 삽입하세요. 🎜>반환값
jQuery
매개변수
콘텐츠(String, Element, jQuery): 각 대상 뒤에 삽입되는 콘텐츠
예
모든 단락 뒤에 일부 HTML 마크업 코드를 삽입합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").after("
안녕하세요"); 결과:

하고 싶은 말:

안녕하세요 ------ ------ ------------------ ------ ----------
모든 단락 뒤에 DOM 요소를 삽입합니다.
HTML 코드:

안녕하세요하고 싶은 말:

jQuery 코드:
$("p").after( $("# foo")[0] );
결과:

하고 싶은 말:

안녕하세요 ------------ ------------------------------------- ------------------
모든 단락 뒤에 jQuery 객체(DOM 요소 배열과 유사)를 삽입합니다.
HTML 코드:

안녕하세요하고 싶은 말:

jQuery 코드:
$("p").after( $("b ") );
결과:

하고 싶은 말:

안녕하세요 ---------------- ------------------------------------- ------------------------------------- ----------------
before(content)
일치하는 각 요소 앞에 콘텐츠를 삽입합니다.
---------------------------------- --- ---------------------
일치하는 각 요소 앞에 콘텐츠를 삽입하세요.
반환값
jQuery
매개변수
콘텐츠(String, Element, jQuery): 각 대상 앞에 삽입된 콘텐츠
예
모든 단락 앞에 일부 HTML 마크업 코드를 삽입합니다.
HTML 코드:

하고 싶은 말:

jQuery 코드:
$("p").before("
안녕하세요"); 결과:
[
안녕하세요하고 싶은 말:

]

---- ------------------------------------- ------------
모든 단락 앞에 요소를 삽입합니다.
HTML 코드:

하고 싶은 말:

안녕하세요 jQuery 코드:
$("p").before( $("# foo")[0] );
결과:

안녕하세요하고 싶은 말:

------------ ------------------------------------- ------------------
모든 단락 앞에 jQuery 객체(DOM 요소 배열과 유사)를 삽입합니다.
HTML 코드:

하고 싶은 말:

안녕하세요 jQuery 코드:
$("p").before( $("b ") );
결과:

안녕하세요하고 싶은 말:

---------------- ------------------------------------- ------------------------------------- ----------------
insertAfter(content)
일치하는 모든 요소를 ​​다른 요소에 삽입합니다. 지정된 요소는 다음과 같습니다. 요소 집합입니다.
실제로 이 방법을 사용하면 기존의 $(A).after(B) 작업이 반전됩니다. 즉, A 뒤에 B를 삽입하는 대신 A가 B 뒤에 삽입됩니다.
---------------------------------- --- ----------------------------------
일치하는 모든 요소를 ​​다른 요소 다음에 지정하여 삽입합니다. , 요소 집합
이 작업은 기본적으로 일반 $(A).after(B)를 수행하는 것과 반대입니다. 즉, A 뒤에 B를 삽입하는 대신 B 뒤에 A를 삽입한다는 점입니다.
반환 값
jQuery
매개 변수
content(String): 요소 일치에 대한 jQuery 표현식
예
모든 단락 뒤에 요소를 삽입합니다. $("#foo").after("p")
HTML 코드와 동일:

하고 싶은 말:

안녕하세요jQuery 코드:
$("p").insertAfter("#foo");
결과:

안녕하세요하고 싶은 말:

-- ------------------------------------- ------------------------------------- -------------------
삽입전에( 내용)
일치하는 모든 요소를 ​​지정된 다른 요소 집합 앞에 삽입합니다.
실제로 이 방법을 사용하면 기존의 $(A).before(B) 작업이 반전됩니다. 즉, A 앞에 B를 삽입하는 대신 A가 B 앞에 삽입됩니다.
---------------------------------- --- ----------------------------------
지정된 다른 요소 앞에 일치하는 모든 요소를 ​​삽입합니다. , 요소 집합
이 작업은 본질적으로 일반 $(A).before(B)를 수행하는 것과 반대입니다. 즉, A 앞에 B를 삽입하는 대신 B 앞에 A를 삽입한다는 점입니다.
반환 값
jQuery
매개 변수
content(String): 일치 요소에 대한 jQuery 표현식
예
모든 단락 앞에 요소를 삽입합니다. $("#foo").before("p")와 동일합니다.
HTML 코드:

안녕하세요하고 싶은 말:

jQuery 코드:
$("p").insertBefore("#foo" );
결과:

하고 싶은 말:

안녕하세요