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

迈不过友情╰ 2022-05-08 03:24 189阅读 0赞

**通常在用JQuery写ajax时，都会用到html()这个方法，而不用text()这个方法，他们之间有什么区别呢?**

1.  `html`属性中有两个方法，一个 *有参*，一个*无参*。

*  无参`html()`：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个`string`

> **例子：**
> 
> html页面代码：<div><span>Hello</span></div>
> 
> JQuery代码：$(“div”).html();
> 
> 结果：<span>Hello</span>

*  有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个`JQuery对象`

> **例子：**  
> html页面代码：<div></div>
> 
> JQuery代码：$(“div”).html(“<p>Nice to meet you</p>”);
> 
> 结果：<div><p> Nice to meet you</p></div>（html标签会被浏览器识别）

1.  `text`属性中有两个方法，一个*有参*，一个*无参*

*  `无参text()`：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个`string`。

> 例子：
> 
> html页面代码：<p><span>Hello<span><div> fine</div></p>
> 
> JQuery代码：$(“p”).text();
> 
> 结果：Hello fine

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

> **例子：**  
> html页面代码：<div>Paragraph.</div>
> 
> JQuery代码：$(“div”).text(“<b>Some</b> new text.”);
> 
> 结果: <p><b>Some</b> new text.</p> （html标签不会被浏览器识别，而是当作字符串来输出）

通过上面的例子，我们知道 `html()`方法与`text()`方法的区别就在于对html标签的识别上不同。

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery中，html、val与text三者属…

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

电玩女神/ 2024年01月30日 00:38/ 0 赞/ 41 阅读

相关关于jquery中html()、text()、val()的区别

.html()用为读取和修改元素的HTML标签对应js中的innerHTML .html()是用来读取元素的HTML内容（包括其Html标签），.html()

蔚落/ 2023年07月15日 06:58/ 0 赞/ 17 阅读

相关 jQuery之html(),text()和val()的区别

文章目录三者的区别一. html用法二. text()用法三. val用法 -------------------

谁践踏了优雅/ 2022年09月06日 10:28/ 0 赞/ 132 阅读

相关关于jquery中html()、text()、val()的区别

关于jquery中html()、text()、val()的区别 .html()用为读取和修改元素的HTML标签,对应js中的innerHTML .html()是用来

迈不过友情╰/ 2022年07月16日 18:16/ 0 赞/ 190 阅读

相关浅析JQuery中的html(),text(),val()区别

jQuery中.html()用为读取和修改元素的HTML标签，.text()用来读取或修改元素的纯文本内容，.val()用来读取或修改表单元素的value值 1.HTML

r囧r小猫/ 2022年06月05日 10:13/ 0 赞/ 212 阅读

相关关于jquery中html()、text()、val()的区别（通俗易懂）

text():获取或者改变指定元素的文本; html():获取或改变指定元素的html元素以及文本; val():获取或者改变指定元素的value值（一

爱被打了一巴掌/ 2022年06月02日 09:36/ 0 赞/ 198 阅读

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

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

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

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

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

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

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

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

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

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

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

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