jquery获取自身元素的html
来源:互联网 发布:尼尔森数据分析报告 编辑:程序博客网 时间:2024/05/17 02:46
在开发过程中,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>html() 函数改变所匹配的 HTML 元素的内容(innerHTML)。
- .html()用为读取和修改元素的HTML标签
- .text()用来读取或修改元素的纯文本内容
- .val()用来读取或修改表单元素的value值
二、jquery设置outerhtml
$('.test').prop('outerHTML', '<input>');
<html> <head> <title>jQuery获取自身HTML</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script> </head> <body> <div class="aa" style="border:1px solid #ABC;width:200px;text-align:center;">点击获取我自身的HTML吧</div> <script type="text/javascript"> $(document).ready(function(){ $(".aa").click(function(){alert($("<p>").append($(this).clone()).html())}); }); </script> </body></html>运行结果如下:
阅读全文
0 0
- jquery获取自身元素的html
- jquery 获取自身的html outerhtml
- jquery获得包含自身在内的html元素
- JQuery 获取元素包括本身的HTML
- jQuery获取HTML元素的坐标
- jQuery获取包括当前元素的HTML
- jquery 获取元素本身Html
- jquery获取html元素位置
- JQuery与HTML元素的获取、设置、添加、删除
- js控制HTML元素自身属性的使用
- jQuery判断一个元素是否是另一个元素的子元素(或其自身)
- 获取html元素的坐标
- html获取元素的坐标
- 得到自身的Html
- jquery 获取元素的值
- 获取jquery元素的方法
- jQuery获取元素的方法
- Jquery 的获取元素标签
- lintCode627:最长回文串
- eclipse 中安装activiti插件
- 【洛谷2024】食物链 并查集
- 【量化小讲堂-Python&Pandas系列07】数据告诉你:惊人的海龟交易法则
- 不修复软件缺陷的原因
- jquery获取自身元素的html
- C++模板,模板具体化,特例化
- 创建一个项目--[Angular入门]
- 6.4
- 童贞的过往——IT
- 数据库查询语句易错例题整理
- Mybatis学习笔记(十五)【查询缓存之一级缓存】
- 学习shell脚本语言之注意点
- HDU-6237:A Simple Stone Game(数论)