jquery获取及设置outerhtml的方法
更新时间：2015年03月09日 15:26:42 投稿：shichen2014
这篇文章主要介绍了jquery获取及设置outerhtml的方法,实例分析了jQuery实现针对outerhtml操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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写法图片等比缩放以及预加载
以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似jQuery的封装2012-06-06
本文给大家分享的是一款由jQuery实现的表格行上下移动以及置顶效果的代码，非常的简单实用，这里给出了核心代码，有需要的小伙伴可以参考下。2015-06-06
我们常常会遇到这样的情况，一个系统中有大量的需要对一个行进行复制添加，希望能够进行批量的操作，这个时候，我们就可以考虑把它做成一个jquery插件了.2011-10-10
这篇文章主要介绍了jQuery使用zTree插件实现树形菜单和异步加载的相关方法，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了JQuery EasyUI 数字格式化处理方法,需要的朋友可以参考下2014-05-05
在博客园发布了柱状图JQUBar1.0 jQuery 插件。现将该插件升级为1.1版本。2010-11-11
这篇文章主要介绍了jquery拖拽效果实现方法,详细介绍了jQuery实现拖拽功能的具体步骤与相关技巧,并附代码了demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
data模块是一个比较有趣的功能，可以为任意的Element 添加额外的数据。而且处理了循环引用和内存泄漏的问题。API非常简单，就是.data(key, value)用来保存，.data(key)用开查询数据。2011-06-06
本文主要对jQuery停止动画——stop()方法的使用进行详细介绍，对学习jQuery动画有很好的帮助，下面就跟小编一起来看下吧2016-12-12
最新评论