要使用jQuery的load()方法载入另外一个网页文件内的指定标签内容到div标签，需要完成以下步骤：
1.编写要载入内容的页面
首先，必须准备要载入内容的网页文件。在这个文件中，需要有要载入的内容所在的HTML标签。例如，假设我们要载入的是id为content的div标签中的内容，那么可以编写如下的HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>要载入的内容页面</title>
</head>
<body>
<div id="content">
<p>要载入的内容</p>
</div>
</body>
</html>
2.用load()方法载入内容
一旦准备好了要载入内容的页面，就可以在要显示载入内容的页面中，用jQuery的load()方法载入内容了。假设要显示载入内容的div标签的id为target，那么可以使用如下的代码：
$(document).ready(function() {
$("#target").load("要载入的页面的URL #content");
});
在这段代码中，load()方法的第一个参数是要载入的页面的URL，第二个参数是要载入的内容所在的HTML元素的选择器。注意，选择器前必须加上载入页面的URL。
示例说明：
示例一：
假设要在id为main-content的div中载入example.html中id为example-content的div中的内容，可以使用如下的代码：
$(document).ready(function() {
$("#main-content").load("example.html #example-content");
});
在这个例子中，load()方法的第一个参数是example.html，第二个参数是#example-content。
示例二：
假设要在id为side-bar的div中载入example.html中id为links-list的ul中的内容，可以使用如下的代码：
$(document).ready(function() {
$("#side-bar").load("example.html ul#links-list");
});
在这个例子中，load()方法的第一个参数是example.html，第二个参数是ul#links-list。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法 - Python技术站
微信扫一扫 
支付宝扫一扫 