добавляющих несколько элементов HTML, используя Jquery

Question

новичка в JQuery и интересно, если любой может сообщить мне о лучшей практике ...

Я ищу для добавления DIV элемента на страницу, которая содержит много HTML и не что лучший способ достичь этого - .... или если это целесообразно с помощью jquery ...

Например, если бы я хотел добавить следующий код на страницу с помощью jquery, что это лучший способ.

<div id="test"> 
    <h1>This is the test</h1> 
    <p>Hello, just a test</p> 
    <a href="www.test.com">Click me</a> 
    <a href="www.test.com">Click me again</a> 
</div> 

Answer 1

$("#test").append("YOUR CONTENT GOES HERE"); 

Answer 2

$("#id_of_div").append($("#id_of_div_that_you_wanna_append").html()); 

Answer 3

Если вы хотите добавить HTML как есть, а затем просто использовать JQuery добавить функцию. Например:

$('body').append(' 
<div id="test">\ 
    <h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>\ 
</div>'); 

Изменить селектор от тела к другому DOM элемента/селектору согласно вашему требованию.

Или, если у вас уже есть DIV элемент с идентификатором «тест» в документе, то вы можете установить содержимое с помощью функции HTML(), как показано ниже:

$("#test").html('<h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>');