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 相关文章推荐
js刷新框架子页面的七种方法代码
Nov 20 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
B/S模式项目中常用的javascript汇总
Dec 17 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
javascript实现禁止复制网页内容汇总
Dec 30 Javascript
深入理解JavaScript中的并行处理
Sep 22 Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
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(2)――PHP类型
2010/02/15 PHP
PHP操作MySQL事务实例
2014/11/05 PHP
php开发工具有哪五款
2015/11/09 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
PHP中cookie知识点学习
2018/05/06 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
php解决crontab定时任务不能写入文件问题的方法分析
2019/09/16 PHP
Exjs 入门篇
2010/04/07 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
详解nodejs 文本操作模块-fs模块(二)
2016/12/22 NodeJs
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
ES6 class类链式继承,实例化及react super(props)原理详解
2020/02/15 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
Python运算符重载用法实例
2015/05/28 Python
基于python实现微信模板消息
2015/12/21 Python
python正则表达式re之compile函数解析
2017/10/25 Python
深入浅析Python传值与传址
2018/07/10 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
使用Python-OpenCV向图片添加噪声的实现(高斯噪声、椒盐噪声)
2019/05/28 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
python脚本第一行如何写
2020/08/30 Python
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
如何设置Java的运行环境
2013/04/05 面试题
逻辑链路控制协议
2016/10/01 面试题
经理管理专业自荐信范文
2013/12/31 职场文书
安全生产年活动总结
2014/08/29 职场文书