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设置下拉框为只读的小技巧
Apr 10 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 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数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php页面防重复提交方法总结
2013/11/25 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
如何手动实现一个 JavaScript 模块执行器
2020/10/16 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
利用Python开发实现简单的记事本
2016/11/15 Python
django 创建过滤器的实例详解
2017/08/14 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
消防安全责任书范本
2014/04/15 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
小学生教师节广播稿
2015/08/19 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android