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 相关文章推荐
flash 得到自身url参数的代码
Nov 15 Javascript
jQuery代码优化 遍历篇
Nov 01 Javascript
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
JS实现横向轮播图(初级版)
Jun 24 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
JS常用跨域方法实现原理解析
Dec 09 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设计模式 Adapter(适配器模式)
2011/06/26 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
javascript 自动转到命名锚记
2009/01/10 Javascript
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
ZK中使用JS读取客户端txt文件内容问题
2019/11/07 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
python安装教程
2018/02/28 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
解释i节点在文件系统中的作用
2013/11/26 面试题
《狐假虎威》教学反思
2014/02/07 职场文书
银行服务感言
2014/03/01 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
无毒社区工作方案
2014/05/23 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
爱心捐助活动总结
2015/05/09 职场文书
卫生保健工作总结2015
2015/05/18 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL