.html()与.text()区别与辨析

小灰灰 2022-05-19 01:45 218阅读 0赞

![70][]

这两天看了一下html和jquery的选择器，并对w3chool上面的在线编辑产生了兴趣，但是在用textarea展示后台纯html的时候发生错误，查阅各种资料发现不行……心态炸了。废话不多说了，上干货。

首先，html属性中有两个方法，一个有参，一个无参。  
**1. 无参html（）**：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String  
例子：

html页面代码：<div><span>你好</span></div>

jquery代码：$(“div”).html();

结果：<span>你好</span>（获取子标签和文本内容）  
**2.有参html（val）**：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象  
html页面代码：<div></div>

jquery代码：$(“div”).html(“<p>我爱你中国</p>”);

**浏览器显示出来的结果是:我爱你中国（也就是说浏览器能识别我们插入进去的标签）**

**其次，text属性中有两个方法，一个有参，一个无参**

**1. 无参text（）**：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String。

例子：

html页面代码：<p><span>你好<span><div> 很好</div></p>

jquery代码：$(“p”).text();

结果：你好  很好（只选取标签下面的文本，标签不会被识别识别出）

**2.有参text（val）**：设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个jquery对象。

html页面代码：<div>Paragraph.</div>

jquery代码：$(“div”).text(“<b>哈哈，我会被完整输出</b> new text.”);

结果: <p><b>哈哈，我会被完整输出</b> new text.</p> （html标签不会被浏览器识别，而是当作字符串来输出）

[70]: /images/20220519/93f8660c0a9e48f4bcea2faf3f6ee02e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 text/html和text/plain的区别

文章目录 text/html 和text/plain的区别 text/html text/plain text/html 和text/

超、凢脫俗/ 2023年07月01日 14:57/ 0 赞/ 14 阅读

相关 .val() .html() .text()的区别

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。这三个方法功能

深碍√TFBOYSˉ_/ 2022年07月14日 15:57/ 0 赞/ 153 阅读

相关 python中‘is’与‘==’区别辨析

Python中所有数据均由对象或对象间的关系表示。每个对象都有一个ID，一个类型和一个值。对象一旦建立，它的ID永远不会改变；你可以认为它是该对象在内存中的地址。‘[is][]

缺乏、安全感/ 2022年07月14日 13:39/ 0 赞/ 240 阅读

相关 elasticsearch的keyword与text的区别

es2.\用户可忽略该文章。es 2.\版本里面是没有这两个字段！！！当初接触es，最惊讶就是他的版本速度发布太快，这次主要讨论keyword与text的区别在es

刺骨的言语ヽ痛彻心扉/ 2022年06月08日 12:45/ 0 赞/ 190 阅读

相关 jquery html() text() val() 区别

1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="UTF-8">

红太狼/ 2022年05月27日 11:46/ 0 赞/ 185 阅读

相关【HTML】text/html与text/plain有什么区别

问题来源当我这里设置为 `text/plain` 时会直接将html代码输出并不解析 ![这里写图片描述][70] 解决思路 res.setHeader()

逃离我推掉我的手/ 2022年05月24日 12:12/ 0 赞/ 546 阅读

相关 .html()与.text()区别与辨析

![70][] 这两天看了一下html和jquery的选择器，并对w3chool上面的在线编辑产生了兴趣，但是在用textarea展示后台纯html的时候发生错误，查阅

小灰灰/ 2022年05月19日 01:45/ 0 赞/ 219 阅读

相关 JQuery中html()与text()方法的区别

通常在用JQuery写ajax时，都会用到html()这个方法，而不用text()这个方法，他们之间有什么区别呢? 1. `html`属性中有两个方法，一个有参，一个无参

迈不过友情╰/ 2022年05月08日 03:24/ 0 赞/ 205 阅读

相关 text/html和application/html区别

application/xml and text/xml的区别经常看到有关xml时提到"application/xml" 和 "text/xml"两种类型，二者功能一模

桃扇骨/ 2022年02月01日 23:23/ 0 赞/ 307 阅读

相关 XML与HTML区别

—————————— [ASP.Net+Android+IOS开发][ASP.Net_Android_IOS]、[.Net培训][ASP.Net_Android_IOS]、期待

女爷i/ 2021年12月09日 17:11/ 0 赞/ 292 阅读