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程序设计有所帮助。
相关文章
flexigrid是类似ext grid的JS表格，不过基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
讨论 jQuery 和 javascript 性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的 jQuery 和 javascript 代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。2014-05-05
jQuery+jqmodal弹出窗口的制作方法，需要的朋友可以参考下。2010-06-06
下面小编就为大家带来一篇使用JQ完成表格隔行换色的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
今天小编就为大家分享一篇jQuery的Ajax接收java返回数据方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
当对象获得焦点后，自动把光标移到内容最后，使用focus()函数便可实现，下面有个不错的示例，感兴趣的朋友可以参考下2013-09-09
编写zQuery库初始起因一则是由于旧版的jQuery执行效率（现在的版本好像还可以），二则是对javascript语言的喜爱，每每总是亲历亲为，最后由于在项目中的需求，加入了对事件侦听机制的和DOM节点操作方法的扩展。2008-06-06
jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验2011-10-10
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理,挺起来感觉这么不可思议，接下来为大家解除疑惑2012-12-12
Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件，本文给大家分享一款基于jQuery Circlr插件实现产品图片360度旋转，大家一起来看看吧2015-09-09
最新评论