jQuery 文本属性值
jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。
1.1 jQuery内容文本值
常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作。
语法
1.普通元素内容html0 (相当于原生inner HTML)
html0
/获取元素的内容
html("内容") // 设置元素的内容
2.普通元素文本内容text() (相当与原生 innerText)
text0
/获取元素的文本内容
text("文本内容") // 设置元素的文本内容
3.表单的值val0 (相当于原生value)
val0
/获取表单的值
val("内容") /设置表单的值
注意:html() 可识别标签,text() 不识别标签。
演示代码
<body>
<div>
<span>我是内容</span>
</div>
<input type="text" value="请输入内容">
<script>
// 1. 获取设置元素内容 html()
console.log($("div").html());
// $("div").html("123");
// 2. 获取设置元素文本内容 text()
console.log($("div").text());
$("div").text("123");
// 3. 获取设置表单值 val()
console.log($("input").val());
$("input").val("123");
</script>
</body>