如何通过jQuery覆盖HTML元素中的现有内容

Question

我想覆盖HTML元素中的现有内容.我尝试使用方法append()到元素,但然后它只将内容附加到现有,我不知道有没有覆盖元素中的整个内容？

Answer 1

$('input.append').click(function() {
  $('span').append('append')



})
$('input.html').click(function() {
  $('span').html('html')



})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>span value</span>
<input type='button' class='append' value='Append' />
<input type='button' class='html' value='Html' />

1. 使用.html()来改变.
2. append()只会添加.