jQuery内容文本值
主要针对元素的内容
1.普通元素内容html()(相当于原生innerHtml)
html() //获取元素的内容
html(“内容”) //设置元素的内容
2.普通元素文本内容text() (相当于原生 inner Text)
text() //获取文本内容
text(“内容”) //设置文本内容
3.表单的值val() (相当于原生value)
val() //获取表单的内容
val(“内容”) //设置表单的内容
栗子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jquery-mini.js"></script>
</head>
<body>
<div><span>我是内容</span></div>
<input type="text" value="请输入内容">
<script>
// 1.获取设置元素内容
console.log($("div").html());
$("div").html("123");
// 2.获取设置元素文本内容
console.log($("div").text());
$("div").text("123");
// 3.获取设置表单值
console.log($("input").val());
$("input").val("123");
</script>
</body>
</html>