jqery 학습 의 5 문서 처리 삽입

append(content)는 일치 하 는 요소 마다 내부 내용 을 추가 합 니 다.이 동작 은 지정 한 요소 에 appendChild 방법 을 실행 하여 문서 에 추가 하 는 것 과 유사 합 니 다.Append content to the inside of every matched element.This operation is similar to doing an appendChild to all the specified elements,adding them into the document.반환 값 jQuery 매개 변수 content(String,Element,jQuery):C 는 대상 의 내용 예제 에 추가 하여 모든 단락 에 HTML 표 시 를 추가 합 니 다.HTML 코드:

I would like to say:

jQuery 코드:$("p").append("Hello");결과:[p>I would like to say:Hello

]---------------------------------------------------------------------------------------------------------------------------실제로 이 방법 을 사용 하 는 것 은 일반적인$(A).append(B)의 조작 을 뒤 바 꾸 는 것 이다.즉,B 를 A 에 추가 하 는 것 이 아니 라 A 를 B 에 추가 하 는 것 이다.Append all of the matched elements to another,specified,set of elements.This operation is,essentially,the reverse of doing a regular$(A).append(B),in that instead of appending B to A,you're appending A to B.반환 값 jQuery 참 수 content(String):추 가 된 내용 예제 에서 모든 단락 을 ID 값 foo 요소 에 추가 합 니 다.HTML 코드:

I would like to say:

jQuery 코드:$("p").appendo("\#foo");결과:-----------------------------------------------------------------------------------------------------------------이것 은 모든 일치 하 는 요소 내부 의 시작 부분 에 내용 을 삽입 하 는 가장 좋 은 방법 이다.Prepend content to the inside of every matched element.This operation is the best way to insert elements inside,at the beginning,of all matched elements.반환 값 jQuery 매개 변수 content(String,Element,jQuery):대상 요소 내부 전단 에 삽입 할 내용 예제 를 모든 단락 에 HTML 태그 코드 를 미리 설정 합 니 다.HTML 코드:

I would like to say:

jQuery 코드:$("p").precend("Hello");결과:[Hello

I would like to say:

>------------------------------------------------------------------------------------------------------------------------------------------------------------------------------결과:

HelloI would like to say:

HelloI would like to say:

Good Bye---------------------------------------------------------------------------------------------------HTML 코드:

I would like to say:

HellojQuery 코드:$("p").precend($("b");결과:

HelloI would like to say:

---------------------------------------------------------------------------------------------------------------------------실제로 이 방법 을 사용 하 는 것 은 일반적인$(A).precend(B)의 조작 을 뒤 바 꾸 는 것 이다.즉,B 를 A 에 앞 세 우 는 것 이 아니 라 A 를 B 에 앞 세 우 는 것 이다.Prepend all of the matched elements to another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).prepend(B), in that instead of prepending B to A,you're prepending A to B.반환 값 jQuery 매개 변수 content(String):요소 와 일치 하 는 jQuery 표현 식 예제 에서 모든 단락 을 ID 값 이 foo 인 요소 에 추가 합 니 다.HTML 코드:

I would like to say:

jQuery 코드:$("p").prependTo("\#foo");결과:-------------------------------------------------------------------------------------------Insert content after each of the matched elements.반환 값 jQuery 매개 변수 content(String,Element,jQuery):각 대상 에 삽 입 된 내용 예제 가 모든 단락 뒤에 HTML 태그 코드 를 삽입 합 니 다.HTML 코드:

I would like to say:

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

I would like to say:

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

I would like to say:

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

I would like to say:

Hello----------------------------------모든 단락 에 jQuery 대상 을 삽입 합 니 다(하나의 DOM 요소 배열 과 유사).HTML 코드:Hello

I would like to say:

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

I would like to say:

Hello------------------------------------------------------------------------------------------------------------------Insert content before each of the matched elements.반환 값 jQuery 매개 변수 content(String,Element,jQuery):모든 대상 에 삽 입 된 내용 예제 에 모든 단락 전에 HTML 태그 코드 를 삽입 합 니 다.HTML 코드:

I would like to say:

jQuery 코드:$("p").before("Hello");결과:[Hello

I would like to say:

------------------------------------------------------------------------------------------HTML 코드:

I would like to say:

HellojQuery 코드:$("p").before($("\#foo")[0]);결과:Hello

I would like to say:

--------------------------------모든 단락 에 jQuery 대상(하나의 DOM 요소 배열 과 유사)을 삽입 합 니 다.HTML 코드:

I would like to say:

HellojQuery 코드:$("p").before($("b");결과:Hello

I would like to say:

-------------------------------------------------------------------------------------------------------------------------실제로 이 방법 을 사용 하 는 것 은 일반적인$(A).after(B)의 조작 을 뒤 바 꾸 는 것 이다.즉,B 를 A 뒤에 삽입 하 는 것 이 아니 라 A 를 B 뒤에 삽입 하 는 것 이다.Insert all of the matched elements after another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).after(B), in that instead of inserting B after A,you're inserting A after B.반환 값 jQuery 매개 변수 content(String):요소 와 일치 하 는 jQuery 표현 식 예제 가 모든 단락 뒤에 요 소 를 삽입 합 니 다.$("\#foo").after("p")와 같은 HTML 코드:

I would like to say:

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

I would like to say:

------------------------------------------------------------------------------------------------------------------------실제로 이 방법 을 사용 하 는 것 은 일반적인$(A).before(B)의 조작 을 뒤 바 꾸 는 것 이다.즉,B 를 A 앞 에 삽입 하 는 것 이 아니 라 A 를 B 앞 에 삽입 하 는 것 이다.Insert all of the matched elements before another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).before(B), in that instead of inserting B before A,you're inserting A before B.반환 값 jQuery 매개 변수 content(String):요소 와 일치 하 는 jQuery 표현 식 예제 에 모든 단락 전에 요 소 를 삽입 합 니 다.$("\#foo").before("p")와 같 습 니 다.HTML 코드:

I would like to say:

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

I would like to say: