【前言】
之前遇到过.html()与.text()区别的问题，今天再拿出来总结下
【列表】
（1）.html()；
（2）.text();
（3）.val();
【详解】
（1）.html();
读取和修改元素的HTML标签，对应js中的innerHTML
.html()是用来读取元素的HTML内容（包括其Html标签）
注意：.html()方法使用在多个元素上时，只读取第一个元素
方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅是文本内容，元素标签也包含在里面）
（2）.text();
读取和修改元素的纯文本内容 对应js中的innerText
.text()用来读取元素的纯文本内容，包括其后代元素;
注意：.text()方法不能使用在表单元素上
结果返回一个字符串，包含所有匹配元素的合并文本
（3）.val();
读取或修改表单元素的value值
.val()是用来读取表单元素的"value"值
注意：.val()只能使用在表单元素上，例如<input>,<button>,<textarea>,<select>,<option>等
①通过.val()处理select元素，当没有选择项被选中，他返回null
②.val()方法多用来设置表单的字段的值
③如果select元素有multiple（多选）属性，并且至少一个选择项被选中，.val()方法返回一个数组。这个数组包含每个选中的选择项的值
【区别】
（1）读取数量
.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容
（2）读取内容
虽然.html(),.text(),.val()三种方法都是用来读取选定元素的内容；
.html()是用来读取元素的html内容（包括html标签）；
.text()用来读取元素的纯文本内容，包括其后代元素；
.val()是用来读取表单元素的"value"值；
（3）.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容
<html>
<head>
<style>
p { color:blue; margin:8px; }
b { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><b>Test</b> Paragraph.</p>
<p></p>
<script>
var str = $("p:first").text();
$("p:last").html(str);
</script>
</body>
</html>
结果：
【总结】
简单理解：
html就是你可以添加像<a></a>、<p></p>等标记
text只能写文本如果写了上面的标记则会以文本形式输出
val是属性，只有有该属性的对象才能调用（表单元素）
.
相关推荐
区别在于，.text()获取或设置的是元素的纯文本内容，它不会解析HTML标签。也就是说，即使元素内部包含有HTML标签，.text()方法也会将它们忽略，仅获取或设置文本部分。同样，.text()方法也支持无参数读取文本、带...
本文将深入探讨《JQuery能干点啥~》系列中的第三讲——`html()`与`text()`函数的取值比较。通过学习这两个函数的用法和差异，我们可以更好地理解和掌握jQuery在处理HTML元素内容时的灵活性。 首先，`html()`方法是...
1. HTML与纯文本的区别 HTML是一种结构化的标记语言，它包含标签来定义文本的样式、链接、图像等元素。而纯文本则不包含任何格式信息，只包含可读的字符。将HTML转换为纯文本，意味着要去除这些标签，只保留文本...
1. **HTML和Text的区别** HTML（HyperText Markup Language）是一种标记语言，用于构建和设计网页，通过标签来定义文本的样式、结构和功能。而纯文本（Text）则不包含任何格式化信息，仅保留基本的字符内容，没有...
v-text和v-html 是 Vue.js中两种不同的指令，它们的主要区别在于如何处理模板中的文本内容： v-text： 主要用途是将数据中的文本直接插入到模板中。 当数据中的文本或HTML标签被插入时，它会被原样输出，不需要...
本文将详细介绍`prev()`与`parent()`这两个方法的区别，并通过实例演示它们的应用场景。 ### jQuery简介 jQuery是一个快速、简洁的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。...
这个文件对于首次使用者来说非常有用，因为它会解释如何启动编辑器，以及便携版与安装版的区别。便携版的一大优点是其便携性，用户可以直接将编辑器保存在USB驱动器或其他移动存储设备上，在任何电脑上运行，无需...
以上就是对jquery中html、val与text属性取值的联系与区别的详细介绍。通过具体的示例和应用场景，我们能够更加清晰地理解这三者各自的作用，并在实际开发中正确使用它们来获取或设置相应的DOM元素内容。
4. **UIWebView与WKWebView**：了解这两个Web视图组件的使用，以及它们之间的区别。UIWebView已被废弃，而WKWebView提供了更好的性能和安全性，但API使用上稍有不同。 5. **自定义Text View**：可能需要继承`...
与`html()`不同，`text()`会自动转义HTML特殊字符，确保显示的是纯文本。下面是一个例子： ```javascript $("#anotherElement").text("This is a & test."); ``` 这里，`&`会被解析为`&`，确保文本中显示...
在 Vue 的技术体系中，文本插值、v-text 以及 v-html 这三者之间具有显著的区别特征。其中，文本插值所采用的是特定的语法表现形式，例如通过双花括号来实现，其作用主要是针对自身对应的那个占位符部分展开替换工作...
这种数据结构通常包含Notes的内部格式，这与HTML的标记语言有显著区别。 转换过程通常涉及到以下几个关键步骤： 1. **解析富文本字段**：首先，我们需要访问到Notes数据库并解析富文本字段中的内容。这可以通过...
在jQuery中，text()、val()和html()这三个函数都是用于操作DOM元素内容的，但它们在使用上存在明显的区别，下面将详细解释这些区别并提供实例。 首先，text()函数主要用于获取或设置匹配元素集合中每个元素的合并...
一、理解HTML和WXML的区别 1. 结构差异：HTML是Web开发中的标记语言，用于构建网页结构，而WXML是微信小程序特有的结构语言，它的主要任务是定义页面的结构和数据绑定。 2. 命名空间：WXML引入了微信特有的命名...
### text-decoration、border-radius与其他CSS属性的区别 #### 一、引言 在Web前端开发过程中，CSS（层叠样式表）被广泛应用于控制HTML元素的布局、颜色、字体等样式。其中，`text-decoration` 和 `border-radius`...
**编辑器与IDE的区别** 编辑器主要处理纯文本，不涉及代码逻辑，适合编写小型脚本和配置文件。相比之下，IDE整合了编译、调试、测试等多种功能，更适合大型、复杂的项目开发，尤其是静态类型的编程语言。 **Sublime...
Sublime Text 3和2的主题主要区别在于与软件的新功能和改进相匹配。Sublime Text 3是Sublime Text的最新版本，通常包含更多的更新和优化，而Sublime Text 2则是它的前一代产品。主题设计通常会针对这两个版本进行...
在某些情况下，`.html()`和`.text()`的区别可能会影响你的选择。例如，`.html()`会保留和处理子元素的HTML结构，而`.text()`则会忽略这些结构，只返回纯文本。在处理包含复杂HTML结构的元素时，这种差异尤为明显。...
1.HTML html():取得第一个匹配元素的html内容。这个函数不能用于XML文档...与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体). 3.VAL val():获得第一个匹配元素的当前值。 val(val):设置每一
DIV与SPAN区别一.html 演示DIV与SPAN区别一。 DIV与SPAN区别二.html 演示DIV与SPAN区别二。 DIV与SPAN实例手把手--布局.html 演示DIV与SPAN实例手把手--布局。 第14章（源代码\第14章） 示例描述：本章...