jquery_jquery에서 Append() 및 Appendto()의 사용 분석

이 글은 jquery에서 append()와appendto()의 사용법을 예제와 함께 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

jQuery의 문서 작업 방식에서,append()와appendto() 메소드는 동일한 작업을 수행하지만 차이점도 있습니다.

1.append() 메소드: 선택한 요소의 끝 부분에 지정된 내용을 삽입합니다(단, 여전히 요소 내에 있음).

a. 구문:

코드 복사 코드는 다음과 같습니다.

$(selector).append(content );

이 중 매개변수 내용은 필수이며, 추가할 내용을 지정합니다.

b.append는 함수를 사용하여 선택한 요소에 콘텐츠를 추가할 수 있습니다. 구문은 다음과 같습니다.

코드를 복사합니다. 코드는 다음과 같습니다.

$(selector).append(function(index,html));

이 중 function()은 필수이며 index, html 매개변수는 선택사항입니다. Index는 수신 선택자의 인덱스 위치를 나타내고, html은 수신 선택자의 현재 html을 나타냅니다.

예:

코드 복사 코드는 다음과 같습니다.

<스크립트 유형="텍스트/자바스크립트"> $(문서).ready(함수(){
$("버튼").click(function(){
$("p").append(" 안녕하세요 jQuery!")
})
})
스크립트>

이것은 단락입니다.

이것은 또 다른 문단입니다.

<버튼>각 p 요소 끝에 콘텐츠 추가