JQuery是一个广泛使用的JavaScript库，它可以帮助我们操作HTML文档，以及对用户交互进行操作。其中包含了一个非常实用的功能——load()，它可以重新渲染页面内容。下面就让我们来详细了解一下它的使用方法。

$(document).ready(function(){
$('#button').click(function(){
$('#div').load('example.html');
});
});

上面的代码是一个简单的示例，在点击一个按钮后，它会将一个名为example.html的页面加载到#div元素中。但这个例子不仅仅是把example.html文件的内容插入到当前页面，它还会使example.html中的任何JavaScript和CSS代码都能够在当前页面中运行。

这是因为load()方法会将文件内容加载到当前文档中，它会将标记和脚本以及任何相关资源加载到文档中，然后将文档的内容插入到指定的元素中。这意味着，它可以重新渲染任何文件，包括HTML、CSS和JavaScript文件。

除此之外，load()方法还可以执行一个回调函数，在动态加载的内容完全加载后调用它。以下是一个示例：

$('#div').load('example.html', function(){
alert('Content loaded!');
});

该示例将在内容加载完成后弹出一个消息框。当load()方法成功加载example.html文件后，它会立即运行回调函数。

总之，load()方法是一个非常实用的功能，它可以帮助我们轻松地重新渲染页面内容。同时，它还可以帮助我们更好地管理JavaScript和CSS文件，并使页面更具交互性和可操作性。