直接上代码
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="x1">例子</div>
<script src="js/jquery-3.7.1.min.js"></script>
<script>
console.log($("#x1").text()) // 在浏览器里的控制台能看到输出“例子”
$("#x1").text("更改")
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" placeholder="用户名" id="user" />
<input type="password" placeholder="密码" id="pwd" />
<input type="button" value="提交" onclick="clickMe();" />
<ul class="content"></ul>
<script src="js/jquery-3.7.1.min.js"></script>
<script>
function clickMe() {
var user = $("#user").val();
var pwd = $("#pwd").val();
var dataString = user + "-" + pwd;
var tag = $("<li>").text(dataString)
$(".content").append(tag)
$("#user").val("");
$("#pwd").val("");
}
</script>
</body>
</html>
在浏览器里就能看到输入框有变化。
点个赞再走呗~