[jQuery]요소 추가

jQuery를 사용하면 새로운 요소 / 컨텐츠를 쉽게 추가 할 수 있습니다.

 

append() - 선택한 요소의 끝에 내용을 삽입합니다.

 

$("p").append("Some appended text.");

직접해보기

 

 

prepend() - 선택한 요소의 시작 부분에 내용을 삽입합니다.

 

$("p").prepend("Some prepended text.");

 

 

 

 

 

after() - 선택한 html 요소 이후에 내용 삽입

 

before() - 선택한 html 요소 보다 먼저 내용 삽입

 

 

function afterText() {
    var txt1 = "<b>I </b>";                    // Create element with HTML  
    var txt2 = $("<i></i>").text("love ");     // Create with jQuery
    var txt3 = document.createElement("b");    // Create with DOM
    txt3.innerHTML = "jQuery!";
    $("img").after(txt1, txt2, txt3);          // Insert new elements after <img>
}

직접해보기

 

 

 

 

 

출처:https://www.w3schools.com/jquery/