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 相关文章推荐
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
js实现目录定位正文示例
Nov 14 Javascript
前台js调用后台方法示例
Dec 02 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
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
国内咖啡文化
2021/03/03 咖啡文化
PHP 创建标签云函数代码
2010/05/26 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
JS中this上下文对象使用方式
2016/10/09 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
2016/10/25 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
[02:25]DOTA2英雄基础教程 熊战士
2014/01/03 DOTA
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
Python 除法小技巧
2008/09/06 Python
Python运行的17个时新手常见错误小结
2012/08/07 Python
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
python元组操作实例解析
2014/09/23 Python
python虚拟环境virtualenv的安装与使用
2017/09/21 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
使用C++扩展Python的功能详解
2018/01/12 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
公司股东合作协议书
2014/09/14 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python
解析Java中的static关键字
2021/06/14 Java/Android
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫
《吸血鬼:避世 血猎》官宣4.27发售 系列首款大逃杀
2022/04/03 其他游戏