jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法


Posted in Javascript onMarch 25, 2015

本文实例讲述了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法。分享给大家供大家参考。具体分析如下:

jQuery通过load()方法载入另外一个网页文件内的指定标签内容到div标签,如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").load("demo_test.txt #p1");
 });
});
</script>
</head>
<body>
<div id="div1"><h2>使用jQuery AJAX改变此处内容</h2></div>
<button>改变外部内容</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript对象的property和prototype是这样一种关系
Mar 24 Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
jQuery基础框架浅入剖析
Dec 27 Javascript
模拟多级复选框效果的jquery代码
Aug 13 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
js+css实现导航效果实例
Feb 10 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
小程序云开发教程如何使用云函数实现点赞功能
May 18 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 Javascript
JS+CSS实现过渡特效
Jan 02 Javascript
Vue实现多页签组件
Jan 14 Vue.js
Jquery实现鼠标移动放大图片功能实例
Mar 25 #Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 #Javascript
jQuery实现购物车计算价格功能的方法
Mar 25 #Javascript
JavaScript的事件代理和委托实例分析
Mar 25 #Javascript
JS实现简易图片轮播效果的方法
Mar 25 #Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 #Javascript
JavaScript动态添加列的方法
Mar 25 #Javascript
You might like
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
jquery 实现表单验证功能代码(简洁)
2012/07/03 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
pygame加载中文名mp3文件出现error
2017/03/31 Python
python3中函数参数的四种简单用法
2018/07/09 Python
python中cPickle类使用方法详解
2018/08/27 Python
Python 实现简单的客户端认证
2020/07/29 Python
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
培训心得体会
2013/12/29 职场文书
小学三年级数学教学反思
2014/01/31 职场文书
军神教学反思
2014/02/04 职场文书
责任书范本
2014/08/25 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
董事长助理工作总结2015
2015/07/23 职场文书