当您打算将值显示为简单文本时，请使用.text(…)。

当您打算将值显示为html格式的文本(或html内容)时，使用.html(…)。

当你不确定你的文本(例如来自输入控件)不包含在HTML中有特殊意义的字符/标记时，你一定要使用.text(…)。这是非常重要的，因为这可能会导致文本不能正常显示，但也可能导致不需要的JS脚本片段(例如来自另一个用户输入)被激活。

简单来说。

Html()——获取内部Html (Html标签和文本)。

Text()——如果内部存在，则只获取文本(只获取文本)

text函数将值设置或检索为纯文本，否则，HTML函数将值设置或检索为HTML标记，以更改或修改该值。 如果你只想改变内容，那么使用text()。但是如果你需要改变标记，那么你必须使用hmtl()。

这对我来说是个愚蠢的答案，别介意。

实际上，两者看起来有点相似，但却有很大的不同，这取决于你的用法或你想要达到的目的，

使用地点:

使用. HTML()对含有HTML元素的容器进行操作。 使用.text()修改元素的文本，通常有单独的打开和 结束标签

不使用的地方:

.text()方法不能用于表单输入或脚本。 .val()用于输入或文本区域元素。 .html()表示脚本元素的值。 从.text()中获取html内容将把html标记转换为html实体。

的区别:

.text()可以在XML和HTML文档中使用。 . HTML()仅用于HTML文档。

检查jsfiddle上的这个示例，以查看操作上的差异

例子

text()方法实体-转义传入它的任何HTML。当您想要插入对查看页面的人可见的HTML代码时，请使用text()。

从技术上讲，第二个示例生成:

<a href="example.html">Link</a><b>hello</b>

它将在浏览器中呈现为:

<a href="example.html">Link</a><b>hello</b>

您的第一个示例将呈现为一个实际的链接和一些粗体文本。

我认为区别在于插入html标签 在text()中你的HTML标签没有函数

$('#output').html('You are registered'+'<br>'  +'  '
                     + 'Mister'+'  ' + name+'   ' + sourname ); }

输出:

You are registered <br> Mister name sourname

用html()替换text()

输出

You are registered
Mister name sourname 

那么标签<br>在html()中工作