jquery获取及设置outerhtml的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了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 相关文章推荐
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
jQuery给动态添加的元素绑定事件的方法
Mar 09 #Javascript
jquery滚动加载数据的方法
Mar 09 #Javascript
jQuery晃动层特效实现方法
Mar 09 #Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 #Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 #Javascript
jQuery读取XML文件内容的方法
Mar 09 #Javascript
JQuery动态添加和删除表格行的方法
Mar 09 #Javascript
You might like
php一些公用函数的集合
2008/03/27 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
javascript一点特殊用法
2008/05/28 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
pycharm安装图文教程
2017/05/02 Python
Python闭包函数定义与用法分析
2018/07/20 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
keras model.fit 解决validation_spilt=num 的问题
2020/06/19 Python
python 中的命名空间,你真的了解吗?
2020/08/19 Python
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
中学生期中自我鉴定
2014/04/20 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
学雷锋的心得体会
2014/09/04 职场文书
2014年领班工作总结
2014/11/25 职场文书
升学宴来宾致辞
2015/07/27 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android