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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
function, new function, new Function之间的区别
Mar 08 Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
webpack的tree shaking的实现方法
Sep 18 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
vue 解决IOS10低版本白屏的问题
Nov 17 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
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
javascript getElementsByName()的用法说明
2009/07/31 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
JQuery记住用户名和密码的具体实现
2014/04/04 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
2015/03/27 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
Vue+Express实现登录注销功能的实例代码
2019/05/05 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
python3写爬取B站视频弹幕功能
2017/12/22 Python
tornado 多进程模式解析
2018/01/15 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
Python学习之time模块的基本使用
2021/01/17 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
乡镇干部十八大感言
2014/02/17 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
工程部部长岗位职责
2015/02/12 职场文书
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
使用Python开发贪吃蛇游戏 SnakeGame
2022/04/30 Python