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 相关文章推荐
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
javascript时间函数基础介绍
Mar 28 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
JavaScript操作表单实例讲解(上)
Jun 20 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
js使用原型对象(prototype)需要注意的地方
Aug 28 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 Javascript
详解Javascript实践中的命令模式
May 05 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下读取文本文件的代码
2008/07/02 PHP
PHP Socket 编程
2010/04/09 PHP
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
js里面的变量范围分享
2020/07/18 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
html5唤起app的方法
2017/11/30 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
水上运动奥特莱斯:Wasterports Outlet
2018/08/08 全球购物
我们的节日元宵节活动总结
2015/02/06 职场文书
辞职信怎么写
2015/02/27 职场文书
Python内置数据结构列表与元组示例详解
2021/08/04 Python
浅谈MySQL中的六种日志
2022/03/23 MySQL
SQL Server Agent 服务无法启动
2022/04/20 SQL Server