11_JQuery DOM操作之获取/设置标签体内容、文本和value值

最新推荐文章于 2023-02-07 08:37:29 发布

l0510402015

最新推荐文章于 2023-02-07 08:37:29 发布

阅读量995

点赞数 1

分类专栏： 12_JQuery

本文链接：https://blog.csdn.net/l0510402015/article/details/105508759

版权

本文介绍了JQuery中用于获取和设置元素内容的方法，包括html()用于获取或设置标签体内容，text()用于获取或设置纯文本内容，以及val()用于获取或设置元素的value属性值。通过实例展示了这些方法的用法。

摘要由CSDN通过智能技术生成

可以通过JQuery说明文档的“属性”进行查看具体内容

1. html(): 获取/设置元素的标签体内容（包括所包含的标签和标签的内容）（如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。）
 * 举例：<a>内容</a> 使用html()获取后<a>标签的结果为： 内容
 * 注意写的时候不要写成$(XXX).html，正确的是$(XXX).html()
2. text(): 获取/设置元素的标签体包含的纯文本内容
 * 举例：<a>内容</a> 使用text边前提获取<a>标签的内容结果就是：内容
3. val()：获取/设置元素的value属性值

举例：

点击不同的按钮，来替换标签的内容、文本、value

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script  src="../js/jquery-3.3.1.min.js"></script>
		<script>

			$(function () {
                //1、 获取myinput 的value值，并把值改变
				var value = $