>  기사  >  웹 프론트엔드  >  jquery에 하위 요소를 추가하는 방법

jquery에 하위 요소를 추가하는 방법

青灯夜游
青灯夜游원래의
2022-03-16 18:00:478684검색

하위 요소를 추가하는 방법: 1. "$(상위 요소).append(하위 요소)" 문을 사용합니다. 2. "$(상위 요소).prepend(하위 요소)" 문을 사용합니다. $( 하위 요소).appendTo(상위 요소)" 문, 4. "$(하위 요소).prependTo(상위 요소)" 문을 사용합니다.

jquery에 하위 요소를 추가하는 방법

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.