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 相关文章推荐
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
JS OffsetParent属性深入解析
Jan 13 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
JS判断数组那点事
Oct 10 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
Vue3配置axios跨域实现过程解析
Nov 25 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
PHP中文汉字验证码
2007/04/08 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
ThinkPHP中自定义错误页面和提示页面实例
2014/11/22 PHP
php HTML无刷新提交表单
2016/04/05 PHP
PHP抓取远程图片(含不带后缀的)教程详解
2016/10/21 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
详解React 16 中的异常处理
2017/07/28 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
python生成密码字典的方法
2018/07/06 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
办公室文秘自我鉴定
2013/09/21 职场文书
法学专业自我鉴定
2014/02/05 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
centos7安装mysql5.7经验记录
2022/05/02 Servers