本讲讲解以下三个知识点：
置value：即给元素的value写入数据，常用的是给input写内容。
置html：可以将一段html写入到标签之间。
置text：可以将一段纯文本写到标签之间。
请看以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>置源码 置文本 置value</title>
<script src="./jquery.js"></script>
</head>
<body>
<div id="box">
<input type="text" id="input_t">
<span id="span2">这是span2</span>
<span id="span3">这是span3</span>
<span id="span4">这是span4</span>
</div>
</body>
<script>
$('#input_t').val('123');
$('#span2').html('<b>hello</b>');
$('#span3').text('hello');
$('#span4').text('<b>hello</b>');
</script>
</html>
执行结果如下：
以上我们给input的value属性写入了数据，该操作从源码中看，并未在input标签中加入value属性，但在文本框中显示出了value值。
使用html方法给id为span2的span标签写入了一段html代码，浏览器会解析标签。
使用用text方法给id为span3的span标签写入了纯文本。
给id为span4的span标签写入了一段html代码，发现浏览器不会解析标签。
以上就是置源码、置文本和置value的使用方法以及它们直接的区别。
|
窥视卡
雷达卡
发表于 2023-1-26 13:19:21
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-20 00:36:48
