jQuery的HTML，与Load
jQuery HTML 操作详解：
jQuery 包含很多供改变和操作 HTML 的强大函数。
其中HTML()方法改变 HTML 内容
语法
$(selector).html(content)
类似html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。
实例
$("p").html("html content");
jQuery Load 操作详解：
定义和用法
load() 方法载入远程 HTML 文件代码并插入至 DOM 中。
Jquery 的Load()方法它跟html()的区别在于，它是载入远程HTML文件后，还能执行其中的Javascrpt脚本。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。
jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
请查看下面的示例。
语法
load(url,[data],[callback])
| 参数 | 描述 |
|---|---|
| url | 待载入的 HTML 网页网址。 |
| data | 发送至服务器的 key/value 数据。在 jQuery 1.3 中也可以接受一个字符串了。 |
| callback | 载入成功时执行的回调函数。 |
例子 1
与上面的实例类似，但是以 POST 形式发送附加参数并在成功时显示信息：
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
例子 2
加载文章侧边栏导航部分至一个无序列表：
HTML 代码：
<b>jQuery Links:</b> <ul ></ul>
jQuery 代码：
$("#links").load("/Main_Page #p-Getting-Started li");
例子3
1）主页面
<html>
<head>
<title></title>
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#target").load("target.html", function() {
});
});
</script>
</head>
<body>
<div ></div>
</body>
</html>
2） 子页面
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
alert("hello world!I am target");
</script>
above is script
- 上一篇 »jQuery/CSS3类似阿里巴巴的商品导航菜单实现教程
- 下一篇 »JQuery笔记
