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>jquery修改html内容
<script>
$(".test").prop("outerHTML");
</script>
⼆、jquery设置outerhtml
$('.test').prop('outerHTML', '<input>');
希望本⽂所述对⼤家的jQuery程序设计有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。