jquery html() 获取自己

包括我自己在内（其实我也就这两天才知道这样可以快速获取的），很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢？

原生DOM中获取和设置html元素的outerHTML大家都很熟悉：

// 原生DOM获取outerHTML

alert('原生DOM获取outerHTML');

alert(document.getElementById('lz66303').outerHTML);

// 原生DOM设置outerHTML

alert('原生DOM设置outerHTML');

document.getElementById('lz66303').outerHTML = '<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>';

当然在jQuery中我们可以用.prop()方法来获取和设置html元素的outerHTML，在网上若搜索jQuery获取outerHTML竟然还有人写出函数来了，可悲！——jQuery自带的方法不知还自以为自己写个函数这种方法是什么好的解决方案。

当你看到本文时，请转给更多还在用自定义函数获取outerHTML的jQuery使用者——我这个经验就没白分享了！

其实就这么简单：

// 成功获取到

alert('jQuery.prop()获取outerHTML');

alert($('textarea').prop('outerHTML'));

// 成功设置，已生效

alert('jQuery.prop()设置outerHTML');

$('textarea').prop('outerHTML', '<input>');

jquery html() 获取自己相关推荐

[jQuery]无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
在做茶城网改版工作的时候,又遇到一个新问题,我需要用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢 ...
Jquery中获取选中的select的值
场景 Jquery中获取页面select选中的值. 实现页面代码: <div class="form-group"><label class="col ...
父亲节html代码,jquery怎么获取父亲节点？
jquery怎么获取父亲节点?下面本篇文章给大家介绍一下使用jquery获取父亲节点的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在jquery中,可以使用parent() ...
php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值？（代码示例）...
本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...
jquery如何获取checkbox，并判断是否选中
2019独角兽企业重金招聘Python工程师标准>>> jquery如何获取checkbox,并判断是否选中 <div id="divId" class=& ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
js进阶 11-6 jquery如何获取和设置元素的宽高（jquery多方法）
js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法) 一.总结一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...
jquery如何获取checkbox的值
jquery如何获取checkbox的值一.总结一句话总结:就是通过jquery获取哪些对应name的checkbox,然后找出:check(被选中的),然后通过jquery的each遍历获取这些 ...
jq获取当前完整html,jquery怎样获取html的内容？
jquery怎样获取html的内容?下面本篇文章给大家介绍一下使用jquery获取html内容的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jquery获取html元素内容 ...
jquery如何获取第一个或最后一个子元素？
jquery如何获取第一个或最后一个子元素?通过children方法,children("input:first-child")$(this).children("inp ...

jquery html() 获取自己

jquery html() 获取自己相关推荐

最新文章

热门文章