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 相关文章推荐
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
收集json解析的四种方法分享
Jan 17 Javascript
js实现在网页上简单显示时间的方法
Mar 02 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
Vue2.x-使用防抖以及节流的示例
Mar 02 Vue.js
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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
js form action动态修改方法
2008/11/04 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
基python实现多线程网页爬虫
2015/09/06 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
html5+css3之动画在webapp中的应用
2014/11/21 HTML / CSS
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
银行办公室岗位职责
2014/03/10 职场文书
2014年体育部工作总结
2014/11/13 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
python 逐步回归算法
2021/04/06 Python
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技
Python面试不修改数组找出重复的数字
2022/05/20 Python
设置IIS Express并发数
2022/07/07 Servers
windows10 家庭版下FTP服务器搭建教程
2022/08/05 Servers