하위 요소를 추가하는 방법: 1. "$(상위 요소).append(하위 요소)" 문을 사용합니다. 2. "$(상위 요소).prepend(하위 요소)" 문을 사용합니다. $( 하위 요소).appendTo(상위 요소)" 문, 4. "$(하위 요소).prependTo(상위 요소)" 문을 사용합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.
jquery는 하위 요소를 추가합니다
1.append method
매개변수 내용을 일치하는 각 요소의 끝에 삽입합니다.
매개변수 유형 설명:
1) 일반 문자열(다양한 HTML을 포함할 수 있음) 태그)
$('body').append('html字符串');
2) jQuery 객체
①$ 함수를 사용하여 생성된 새 요소(jQuery 객체)
②$ 함수를 사용하여 페이지의 기존 요소(jQuery 객체)를 가져옵니다
이때 기존 요소는 If 요소가 대상 요소로 이동하면 잘립니다.
<script type="text/javascript"> $(function(){ $getParagraph=$("p");//运行后p段落会变成div的子元素 $("#oo").append($getParagraph); } ); </script> <p>段落</p> <div id="oo">div</div>
③clone 메소드를 사용하여 페이지의 기존 요소(jQuery 개체)를 복제합니다.
$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素
3) html 요소 개체, html 요소 개체 배열
= == = 위 유형의 여러 매개변수가 전달될 수 있으며, 각 매개변수는 일치하는 요소에 삽입됩니다! ===
4)
함수에는 몇 개의 일치하는 요소가 있습니까? 이 함수는 몇 번이나 실행됩니까? 이 함수는 두 개의 매개 변수를 허용할 수 있습니다. 첫 번째는 현재 요소의 일련 번호이고 두 번째는 html
함수 내부의 숫자는 현재 html 요소 개체를 나타냅니다
반환 데이터는 삽입된 콘텐츠입니다(html 요소 또는 jQuery 개체일 수 있음)
2. 매개변수 내용을 각 요소에 삽입합니다. 요소 내부의 가장 앞쪽에 있는$(A).prepend(B)$(A).prepend(B)를 일치시키는 것은 A의 시작 부분에 B를 삽입하는 것을 의미합니다.
3.appendTo 메소드
는 일치하는 요소를 대상 요소의 끝에 삽입합니다(append와 동일).$(A).appendTo(B)$(A).appendTo(B)는 A를 B의 끝에 삽입하는 것을 의미합니다.
4. prependTo 메소드
는 일치하는 요소를 대상 요소의 앞에 삽입합니다(prepend와 동일).$(A).prependTo(B)$(A).prependTo(B)는 A를 B의 시작 부분에 삽입하는 것을 의미합니다. 【추천 학습:
jQuery 동영상 튜토리얼
,웹 프론트엔드 개발 동영상
】위 내용은 jquery에 하위 요소를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!