jquery获取及设置outerhtml的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了jquery获取及设置outerhtml的方法。分享给大家供大家参考。具体分析如下:

在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置。

很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?

因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到
 
一、jquery获取outerhtml

<div class="test"><p>hello,你好!</p></div>
<script>
$(".test").prop("outerHTML");
</script>

二、jquery设置outerhtml

$('.test').prop('outerHTML', '<input>');

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
May 18 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
基于JQuery的asp.net树实现代码
Nov 30 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
js实现继承的5种方式
Dec 01 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
Jun 25 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
jQuery给动态添加的元素绑定事件的方法
Mar 09 #Javascript
jquery滚动加载数据的方法
Mar 09 #Javascript
jQuery晃动层特效实现方法
Mar 09 #Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 #Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 #Javascript
jQuery读取XML文件内容的方法
Mar 09 #Javascript
JQuery动态添加和删除表格行的方法
Mar 09 #Javascript
You might like
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
通过数据库向Django模型添加字段的示例
2015/07/21 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
python获取url的返回信息方法
2018/12/17 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
基于python实现模拟数据结构模型
2020/06/12 Python
python集合能干吗
2020/07/19 Python
如何用python免费看美剧
2020/08/11 Python
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书
实训报告范文大全
2014/11/04 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
聊聊Python String型列表求最值的问题
2022/01/18 Python