JQuery 페이지 에 DOM 예제 코드 추가 및 제거

1.before():새 노드 를 앞 2.after()에 추가 합 니 다.노드 를 낮은 3.prepend()에 추가 합 니 다.노드 를 첫 번 째 노드 로 바 꿉 니 다.append():새 노드 를 말단 에 추가 합 니 다.appendTo()효과 와 같 습 니 다.다만 문법 적 으로 차이 가 있 습 니 다.5.reove():이동 노드 예제 제외:
 
<ul>
<li class="vacation">
<h2>Hawaiian Vac</h2>
<button>Get Price</button>
</li>
</ul>
실현:
 
<script type="text/javascript">
$(document).ready(function () {
$('.vacation').before(price); //
$('.vacation').after(price);//
$('.vacation').prepend(price); // <li>
var price = $('<p>From $399.99</p>'); // JQuery dom
//$('.vacation').append(price); // , price.appendTo($('.vacation'));,
price.appendTo($('.vacation'));//
$('button').remove(); //
});
</script>

좋은 웹페이지 즐겨찾기