jQuery 文本属性值

1. 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>

 

posted @ 2020-10-09 23:32  清出于兰  阅读(121)  评论(0编辑  收藏  举报