jQuery的HTML()与Load()的区别
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery的HTML()与Load()的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1745字，纯文字阅读大概需要3分钟。
内容图文
jQuery的HTML()与Load()的作用很相似，都是可以改变HTML的内容，当然也有一些明显的区别。
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 id="links"></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>
<p id="target"></p>
</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的HTML()与Load()的区别的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的jQuery的HTML()与Load()的区别全部内容，希望文章能够帮你解决jQuery的HTML()与Load()的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。