说明
load() 方法向服务器发送ajax请求，并把返回的内容放入被选元素中。
案例
点击 加载登录页面 按钮，向服务器发请求，访问 login.html，然后将返回的内容显示到页面中，如下图：
点击 加载注册页面 按钮，向服务器发请求，访问 reg.html，然后将返回的内容显示到页面中，如下图：
主页面
css：
<style>
#box{
border: 1px solid red;
width: 400px;
}
</style>
js：
<script src="scripts/jquery-1.11.0.js"></script>
<script>
$(function () {
$("#btn").click(function () {
$("#box").load("login.html")
})
$("#btn2").click(function () {
$("#box").load("reg.html")
})
})
</script>
html：
<input type="button" value="加载登录页面" id="btn">
<input type="button" value="加载注册页面" id="btn2">
<div id="box">
</div>
login.html
登录页
登录<br>
用户名：<input><br>
密码：<input><br>
<input type="button" value="登录">
reg.html
注册页
注册<br>
用户名：<input><br>
密码：<input><br>
确认密码：<input><br>
<input type="button" value="注册">
参考：
https://www.runoob.com/jquery/jquery-ajax-load.html