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 相关文章推荐
区分JS中的undefined,null,&quot;&quot;,0和false
Mar 08 Javascript
禁止你的左键复制实用技巧
Jan 04 Javascript
使用jQuery动态加载js脚本文件的方法
Apr 03 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
微信小程序入门之绘制时钟
Oct 22 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接口与接口引用的深入解析
2013/08/09 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
javascript之对系统的toFixed()方法的修正
2007/05/08 Javascript
javascript 精粹笔记
2010/05/09 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
2011/04/12 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
vue-resource拦截器设置头信息的实例
2017/10/27 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
python hash每次调用结果不同的原因
2019/11/21 Python
python sorted函数原理解析及练习
2020/02/10 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
写自荐信要注意什么
2013/12/26 职场文书
出纳会计岗位职责
2014/03/12 职场文书
新员工入职欢迎词
2015/01/23 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书