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 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
动态加载css方法实现和深入解析
Jan 18 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
Jan 25 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
Nov 22 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
Oct 31 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
vue界面发送表情的实现代码
Sep 11 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 session有效期session.gc_maxlifetime
2011/04/20 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
vue--vuex详解
2019/04/15 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
Python with用法实例
2015/04/14 Python
python 全文检索引擎详解
2017/04/25 Python
python 动态加载的实现方法
2017/12/22 Python
python 接口返回的json字符串实例
2018/03/27 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
Python设计模式之模板方法模式实例详解
2019/01/17 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
python列表的逆序遍历实现
2020/04/20 Python
python性能测试工具locust的使用
2020/12/28 Python
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
税务干部鉴定材料
2014/02/11 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
北京奥运会主题口号
2014/06/13 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
紧急通知
2015/04/17 职场文书
人生遥控器观后感
2015/06/11 职场文书
养成教育主题班会
2015/08/13 职场文书
python实现图片批量压缩
2021/04/24 Python
Python关于OS文件目录处理的实例分享
2021/05/23 Python