Question

想知道如何使用jquery创建元素我可以使用下面的代码创建一个href。

document.createElement("a");

如何在另一个元素中创建一个元素，正好在下面。

<a href="#"><i class="fa fa-list"></i></a>

Answer 1

你可以在jQuery中使用append函数。

$("#add").click(function() {
  $('<a href="#"><i class="fa fa-list"></i></a>').appendTo(document.body);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
<button id="add">Add Stuff</button>

Answer 2

$("#id").on("click",function(ev){
    ev.preventDefault();
    $("body").append('<a href="#"><i class="fa fa-list"></i></a>');
})

Answer 3

$('#main').after().append('<a href="#"><i class="fa fa-list"></i></a>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">


<div id="main">
</div>

如何使用jquery添加附加元素

3 个答案: