jQuery内容文本值
- 普通元素内容html()(相当于原生inner HTML)
- 普通元素文本内容text()(相当于原生innerText)
- 表单的值val()(相当于原生value)
普通元素内容html()(相当于原生inner HTML)
html()//获取元素的内容
html(“内容")//设置元素的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本内容值</title>
<script src="JS/jquery.min.js"></script>
</head>
<body>
<div>
<a>你好呀!</a>
</div>
<script>
$("div").html("hello!");
</script>
</body>
</html>
普通元素文本内容text()(相当于原生innerText)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本内容值</title>
<script src="JS/jquery.min.js"></script>
</head>
<body>
<div>
<a>你好呀!</a>
</div>
<script>
// $("div").html("hello!");
console.log($("div").text());
$("div").text("Hi")
</script>
</body>
</html>
表单的值val()(相当于原生value)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本内容值</title>
<script src="JS/jquery.min.js"></script>
</head>
<body>
<div>
<a>你好呀!</a>
</div>
<input type="text" value="请输入内容">
<script>
// $("div").html("hello!");
// console.log($("div").text());
// $("div").text("Hi")
$("input").val("cccc");
</script>
</body>
</html>