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中判断文本框是否为空的两种方法
Jul 31 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
vue修改vue项目运行端口号的方法
Aug 04 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
php实现的MySQL通用查询程序
2007/03/11 PHP
PHP 危险函数解释 分析
2009/04/22 PHP
浅谈PHP错误类型及屏蔽方法
2017/05/27 PHP
thinkphp分页集成实例
2017/07/24 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
JS使用for in有序获取对象数据
2020/05/19 Javascript
Python中变量交换的例子
2014/08/25 Python
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
django中嵌套的try-except实例
2020/05/21 Python
用python实现一个简单的验证码
2020/12/09 Python
python实现学生通讯录管理系统
2021/02/25 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
七一党建活动方案
2014/01/28 职场文书
工作会议简报
2015/07/20 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
go设置多个GOPATH的方式
2021/05/05 Golang
你真的会用Mysql的explain吗
2022/03/31 MySQL
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers