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 相关文章推荐
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
JS打印组合功能
Aug 04 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 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
Apache2 httpd.conf 中文版
2006/11/17 PHP
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
一端时间轮换的广告
2006/06/26 Javascript
javascript操作符&quot;!~&quot;详解
2015/02/10 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
简单实现node.js图片上传
2016/12/18 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
python使用PIL缩放网络图片并保存的方法
2015/04/24 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
pandas.read_csv参数详解(小结)
2019/06/21 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
工程师自我评价怎么写
2013/09/19 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
离婚被告代理词
2015/05/23 职场文书
2015双创工作总结
2015/07/24 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL