JQuery是一个广泛使用的JavaScript库，它简化了在网页中的DOM操作和事件处理。在网页开发中，我们经常需要对元素进行添加、删除和修改等操作。其中，清除元素的内容并添加新内容是一项常用的操作。

在JQuery中，可以使用empty()方法清除指定元素的所有子元素。

    
        $('#myElement').empty();
    

以上代码将清除ID为myElement的元素的所有子元素。

在清除元素内容后，我们可以添加新内容。可以使用.html()或.text()方法添加元素的内容。

    
        $('#myElement').html("
新的内容
");
    

以上代码将将ID为myElement的元素的内容替换为一个新的div元素。

我们也可以使用.append()方法向元素的末尾添加新的内容。

    
        $('#myElement').append("
附加内容
");
    

以上代码将在ID为myElement的元素的末尾添加一个新的div元素。

总结起来，JQuery提供了多种方式来清除元素的内容并添加新内容。我们可以使用empty()方法清除元素的所有子元素，使用html()或.text()方法替换元素的内容，使用.append()方法向元素的末尾添加内容。