值操作是读取和设置DOM属性值。 例如 html()、text()、val()。
1.html
(1)html()获取值
返回值：字符串
格式：
$(selector).html()
该方法不接受任何元素
功能：在HTML文档中，可以使用.html()方法获取任意元素的内容。 如果选择器匹配多个元素，则只会获取第一个匹配元素的 HTML 内容。
示例代码：
html Demo
$("div.demo-container").html();
Demonstration Box
执行结果为：
示范盒
(2)html()设置值
格式：
$(选择器).html(htmlString);
返回值：jQuery
作用：用于为每个匹配元素设置一个HTML字符串
htmlString类型：字符串
代码示例：
html Demo
.red{
coler: red;
}
$(function () {
$("div").html("Hello Again");
})
Hello
结果：
2. 文本（）
(1) 使用text()获取值
句型：
$("selector").text()
返回值：字符串
功能：获取匹配元素集中每个元素的合并文本，包括其后代
示例代码：
text Demo
$(function () {
$("div.demo-container").text()
})
Demonstration Box
- list item 1
- list item 2
执行结果为：
注意：
.text() 方法不能用于输入元素或脚本元素。
.input 或 textarea 需要使用 .val() 方法来获取或设置文本值。
要获取脚本元素的值，请使用 .html() 技巧。
(2) 使用Text()设置文本内容
格式：
$(selector).text(text)
返回值：jQuery
文本（参数类型）：字符串或数字或布尔值
作用：用于设置匹配元素内容的文本。当提供数字或布尔值时，它将转换为字符串表示并提供给该技术
代码示例：
text Demo
p{
color: blue;
margin: 8px;
}
$(function () {
$("p").text("Some new text.")
})
Test Paragraph.
执行结果为：
3. val()
(1) 使用val()获取值
格式：
$(selector).vall();
返回值：字符串
参数：不接受任何参数
功能：获取匹配元素集中第一个元素的当前值
.val()方法主要用于获取表单元素的值，如input、select、textarea等。
当在空集合上调用时，它返回未定义。
当集合中的第一个元素是 select-multiple 时（即 select 元素具有 multiple 属性集），.val() 返回一个包含选择的每个位的值的字段。
对于选择、复选框和单选按钮，您还可以使用:selected 和checked 选择器来获取值。 例如：
//从一个下拉选择框中获取值
$("select.foo option: selected").val();
// 简单的从一个下拉选择框中获取值
$("select.foo").val();
//Get the value form a checked checkbox
$("input: checkbox: checked).val();
//Get the value from a set of radio buttons
$("input: radio[name=bar]: checked).val();
注意：通过 .val() 从元素获取的值并不富含回车符 (r)。
示例代码：
val Demo
p{
color: blue;
margin: 8px;
}
$(function () {
$("input").keyup(function () {
var value = $(this).val();
$("p").text(value);
});
})
执行结果为：
(2) 使用val()设置值
格式：
$(selector).val(value);
返回值：jQuery
参数（值）：字符串或数字或数组
功能：用一个String、Number或者字符串形式的链表来设置每个匹配元素的值。
该方法一般用于设置表单数组的值。
val() 允许您传递元素值字段。 当用于包含 、 和 等元素的 jQuery 对象时很有用。 在这些情况下，input和option以及value如果与链表的元素匹配就会被选中（checked）或者被选中（selensted），而那些与链表元素的值不匹配的值则被取消选中（unchecked） ）或未选择（未选择），具体取决于元素类型。
对于属于单选按钮组jquery取select选中值，还有
所有其他元素将被取消选择。
使用该方法设置值不会引发变更风暴。 因此，相关的事件处理程序将不会被执行。 如果你想执行它们，你应该设置值然后调用 .trigger("change")
代码示例：
单击该键时jquery取select选中值，该键的值将显示在文本框中。
val Demo
button{
margin: 4px;
cursor: pointer;
}
input{
margin: 4px;
color: blue;
}
$(function () {
$("button").click(function () {
var text = $(this).text();
$("input").val(text);
});
})
执行结果为：
动力节点在线课程包括零基础入门、中级进阶、在职提升三个主要内容，涵盖了Java学习内容从入门到就业提升的整个体系。 所有Java视频教程免费观看，相关学习资料免费下载！ 对于热门技术，每周都会定期更新！ 如果您想了解更多相关技术，可以前往动力节点免费在线观看jQuery视频教程！
