手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery获取及设置outerhtml的方法
jquery获取及设置outerhtml的方法
摘要:本文实例讲述了jquery获取及设置outerhtml的方法。分享给大家供大家参考。具体分析如下:在开发过程中,jQuery.html()是...

本文实例讲述了jquery获取及设置outerhtml的方法。分享给大家供大家参考。具体分析如下:

在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置。

很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?

因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到

一、jquery获取outerhtml

<div><p>hello,你好!</p></div> <script> $(".test").prop("outerHTML"); </script>

二、jquery设置outerhtml

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

希望本文所述对大家的jQuery程序设计有所帮助。

【jquery获取及设置outerhtml的方法】相关文章:

jquery控制表单输入框显示默认值的方法

jQuery预加载图片常用方法

jQuery实现转动随机数抽奖效果的方法

Jquery实现动态切换图片的方法

jQuery子窗体取得父窗体元素的方法

jQuery实现给页面换肤的方法

JavaScript获取两个数组交集的方法

jQuery实现dialog设置focus焦点的方法

jQuery实现表格行上移下移和置顶的方法

JS实现简单路由器功能的方法

精品推荐
分类导航