JQuery는 page_jquery에서 DOM 샘플 코드를 추가하고 제거합니다.

1.before(): 새로운 노드를 앞쪽에 추가

2.after(): 아래쪽에 노드 추가

3.prepend(): 노드를 첫 번째 노드로 바꿈 node

4.append(): 끝에 새 노드를 추가합니다. 효과는appendTo()와 동일하지만 구문에 차이가 있습니다

5.remove(): 노드 제거

예:

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

< ul>
<h2>하와이백</h2>가격 보기</button> ;
</li>



구현:

복사 code

코드는 다음과 같습니다. <script type="text/javascript"> { $('.vacation').before (price); //앞에 새로운 노드 추가$('.vacation').after(price);//하단에 노드 추가

$('.vacation').prepend(price ); //노드를 <li>

var 가격 = $('<p>From $399.99</p>' ); //JQuery에서 DOM 생성
//$('.vacation').append(price) //price.appendTo($('.vacation')과 동일한 새 노드를 끝에 추가합니다. ); 구문이 다릅니다
price.appendTo($ ('.vacation'));//끝에 새 노드 추가
$('button').remove() //노드 제거
})
</script>